Membuat Scroll Pada Komentar Pengunjung

Topik kali ini saya akan membahas tentang cara membuat scroll pada komentar pengunjung. Seperti yang kita tau,buat yang blognya kebajiran komentar sampai puluhan bahkan ratusan,tentu akan susah jika seluruh komentar di perlihatkan.Malah jadi panjang sampai kebawah entar.Maka dari itu,aku ngasi tutorial buat nambahin scroll untuk kotak komentarnya.



Tapi blog ini komentarnya paling banyak ya sampai 13,paling banyak loh.



Udah,daripada kelamaan,mending langsung aja deh.



1.Masuk ke blogger dengan ID sendiri

2.Ke Layout-->Edit HTML

3.Cari kode yang mirip dengan kode dibawah ini (masing-masing template kodenya berbeda)



<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

<a expr:name='data:comment.anchorName'/>

<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/> @ <a expr:href='data:comment.url' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</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>



</b:loop>

</dl>
4.Masukan kode <div style='overflow:auto; width:ancho; height:400px;'> diatasnya kode warna merah

 sehingga formatnya jadi seperti dibawah ini :



<div style='overflow:auto; width:ancho; height:400px;'>

<dl id='comments-block'>



<b:loop values='data:post.comments' var='comment'>



<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>



<a expr:name='data:comment.anchorName'/>



<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/> @ <a expr:href='data:comment.url' title='comment permalink'>



<data:comment.timestamp/>



</a>



<b:include data='comment' name='commentDeleteIcon'/>



</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>





</b:loop>



</dl>
5.Jangan lupa menambahkan kode  </div>  dibawah kode </dl>

6.Save template dan lihat aja hasilnya.



NB : kode berwarna biru adalah ketinggian dari scroll,bisa diubah-ubah.
Like This Article :

Baca Juga Artikel Menarik Lainnya di Bawah INI :

Rating: 4.5 | Reviewer: Fakhrian Amrullah | ItemReviewed: Membuat Scroll Pada Komentar Pengunjung

Comment With Facebook!

Posting Komentar

ExitJangan Lupa Klik Like Dan Follow ya!