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)
sehingga formatnya jadi seperti dibawah ini :
6.Save template dan lihat aja hasilnya.
NB : kode berwarna biru adalah ketinggian dari scroll,bisa diubah-ubah.
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'>4.Masukan kode <div style='overflow:auto; width:ancho; height:400px;'> diatasnya kode warna merah
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + 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>
sehingga formatnya jadi seperti dibawah ini :
<div style='overflow:auto; width:ancho; height:400px;'>5.Jangan lupa menambahkan kode </div> dibawah kode </dl>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + 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>
6.Save template dan lihat aja hasilnya.
NB : kode berwarna biru adalah ketinggian dari scroll,bisa diubah-ubah.
Baca Juga Artikel Menarik Lainnya di Bawah INI :
Rating: 4.5 | Reviewer: Unknown | ItemReviewed: Membuat Scroll Pada Komentar Pengunjung
Comment With Facebook!
Posting Komentar