Sebuah
komentar sangat diperlukan untuk sebuah blog, karena dengan adanya
komentar kita jadi tahu seberapa sering blog kita dikunjungi orang.
Komentar yang datang ke blog kita bisa berupa pujian ataupun kritikan.
Tapi apabila blog anda mempunyai komentar yang cukup banyak, maka akan
banyak space yang tersita. Nah, untuk menghemat space di blog
temen-temen mungkin anda ingin menggunakan scroll pada daftar komentar
di blog anda. Jika temen-temen tertarik berikut ini adalah
langkah-langkah pembuatannya :
- Login ke account blogger anda
- Kemudian klik Tata Letak,
- Lalu klik Edit HTML. jangan lupa centang expand widget template
- Cari kode yang mirip seperti ini:
<dl id='comments-block'>Nah, kalau sudah memperhatikan kode di atas, sekarang tambahkan kode berwarna merah,yang akhirnya menjadi seperti berikut:
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<div style='overflow:auto; width:ancho; height:300px;'><dl id='comments-block'><b:loop values='data:post.comments' var='comment'><dt class='comment-author' expr:id='"comment-" + data:comment.id'><a expr:name='"comment-" + data:comment.id'/><b:if cond='data:comment.authorUrl'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><b:else/><data:comment.author/></b:if><data:commentPostedByMsg/><</dt><b:if cond='data:comment.author == data:post.author'><dd class='comment-body-author'><p><data:comment.body/></p></dd><b:else/><dd class='comment-body'><b:if cond='data:comment.isDeleted'><span class='deleted-comment'><data:comment.body/></span><b:else/><p><data:comment.body/></p></b:if></dd></b:if><dd class='comment-footer'><span class='comment-timestamp'><a expr:href='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a><b:include data='comment' name='commentDeleteIcon'/></span></dd></b:loop></dl></div> - Klik simpan template
Teman-teman juga bisa mengatur panjang letak kotak komentar yang sudah diberi scroll itu dengan cara mengatur nilai pada kode <div style='overflow:auto; width:ancho; height:300px;'>, perhatikan pada bagian : 300px.
Angka tersebut dapat anda atur sesuai keinginan, tapi lihat dulu
hasilnya pada kolom komentar postingannya, apakah sudah sesuai dengan
ukuran kotak komentar yang anda inginkan.
Itu
tadi tutorial hari ini mengenai cara membuat scroll pada kotak
komentar, jika ada yang kesulitan bisa tanya sama kotak komentar
dibawah, selamat mencoba dan semoga bermanfaat.
0 komentar:
Posting Komentar