Baca Juga
Di kesempatan ini saya ingin membagi tips pada sobat-sobat yang ingin kotak komentarnya bisa sedikit hemat tempat alias gak panjang menjulur ke bawah. tentunya hal ini memudahkan para pengunjung agar tak kesulitan memutar scroll mouse untuk menyeret halaman sampai ke bawah bila komentar blognya banyak banget.
Walau Tips ini sudah banyak yang memposting tapi gak salah pula kalo saya juga sedikit mereview hal ini, yuk kita simak tipsnya di bawah ini
Pada dashboard bloger masuklah ke menu edit html lalu ceklis Expand Template Widget dan temukan kode dibawah, cari yang agak mirip-mirip begini :
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>"
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>"
Bila tidak ada script diatas maka cari yang seperti di bawah ini :
<dl id='comments-block'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'><data:backlink.title/></a> "
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'><data:backlink.title/></a> "
Bila sudah ketemu maka tambahkan kode di bawah ini persis diatas kode yang dicari tadi / kode diatas :
<div style='overflow:auto; width:ancho; height:300px;'>
Jangan di Save dulu ya sob, coba Scroll ke bawah sedikit cari kode </dl> jika sudah ketemu beri kode penutup </div> setelah kode </dl> , jika tidak maka akan terjadi eror karena belum ada tag penutupnya.
Sekarang coba di preview, bila udah maka Save template sobat... selamat sekarang komentar-komentar sobat sudah ada scrollnya.
