Home » » Cara Memberi Tombol Scroll di Kotak Komentar Blog

Cara Memberi Tombol Scroll di Kotak Komentar Blog

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='&quot;comment-&quot; + data:comment.id'>
<a expr:name='&quot;comment-&quot; + 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='&quot;#comment-&quot; + 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.


Related Posts

 
Copyright © 2011. Terlintas | Template by Creating Website | Powered by Blogger