Download File: MENAMBAH SCROLL PADA KOLOM KOMENTAR

Friday, March 10, 2017

MENAMBAH SCROLL PADA KOLOM KOMENTAR

Bagi sobat yang tidak ingin pada kolom komentar terlihat memanjang ke bawah karena sering kebanjiran komentar, bisa menambah fungsi scroll pada kolom komentar. Untuk membuatnya sobat cukup menambahkan sedikit kode.

Caranya:

Masuk ke blog sobat.
Pilih tata letak.
Klik edit HTML.
Beri tanta pada Expand Template Widget.
Ini adalah kode yang harus ditambahkan.

<div class="scrollbox" style="overflow:auto; height:350px; width:600px;">
.............................................
.............................................
.............................................
</div>
Tambahkan kode di atas ke kode di bawah ini.
Kode yang berwarna merah adalah kode di atas setelah ditambahkan.
<div class="scrollbox" style="overflow:auto; height:350px; width:600px;">
<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>
<a expr_name=data:comment.anchorName/>
<b:if cond=data:blog.enabledCommentProfileImages>
<data:comment.authorAvatarImage/>
</b:if>
<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>
<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>
<dd class=comment-footer>
<span class=comment-timestamp>
<a expr_href=data:comment.url title=comment permalink>
<data:comment.timestamp/>
</a>
<b:include data=comment name=commentDeleteIcon/>
</span>
</dd>
</b:loop>
</dl>
</div>
Jangan lupa klik simpan.
Lihat hasilnya.

Sobat bisa menyesuaikan tinggi dan lebar kolom komentar sesuai dengan template yang sobat punya.

Semoga bermanfaat.

Available link for download