Fungsi dari memberi scroll pada kotak komentar blogger ini sama dengan tutorial saya sebelumnya yaitu cara pasang tombol spoiler pada kotak komentar blog, dimana akan membuat komentar blog tampilannya semakin ringkas tidak memanjang kebawah. Untuk cara membuat scroll pada kotak komentar blogger tidaklah sulit dan kode yang akan dipasang juga sedikit. Nah simak caranya dibawah ini.
Baca juga : Cara Membuat Scroll pada Semua Widget
Cara Membuat Scroll Pada Kotak Komentar Blog
1. Buka blog anda
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode seperti dibawah ini
<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>
4. Lalu letakkan kode berikut diatasnya
<div style='overflow:auto; width:ancho; height:300px;'>Keterangan :
Silahkan ubah angka 300px sesuai kehendak anda
5. Simpan template
Demikianlah cara membuat scroll pada kotak komentar blogger, semoga bermanfaat.
