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 :
Tips Blogging
- Bisnis Online Terbaik yang Pernah Ada !!!
- Membuat Widget Tab View Menu Tanpa Edit HTML
- Membuat Recent Post Berdasarkan Kategori
- Optimalkan SEO dengan Merubah Bold Menjadi Strong
- Cara Mengubah Keyword Menjadi Link Secara Otomatis
- Cara Memberi Scroll pada Label
- Cara Mendapatkan Ratusan BackLink Berkualitas dengan Cepat
- Cara Edit Template Blog Agar SEO Friendly
- Cara Membuat Page Information Permalink Pada Blog
- Cara Edit Tag Heading Agar SEO Friendly
- Cara Membuat Breadcrumb Pada Blog
- Cara Membuat Artikel Terkait / Related Post dengan scroll
- Mengungkap Semua Rahasia Tersembunyi Pada Meta Title, Description dan Keyword di Blogger
- Cara Mengubah Meta Tag Title Blog agar SEO Friendly
- Cara Membuat NewsTicker / Berita Berjalan Pada Blog
Rating: 4.5 | Reviewer: Unknown | ItemReviewed: Membuat Scroll Pada Komentar Pengunjung
Comment With Facebook!
Posting Komentar