Buat Scroll Pada Kotak Komentar
Langkah-langkah yang dilakukan dalam pembuatan scroll kotak komentar sebagai berikut :
1. Login ke blogger sobat.
2. Pada dashboard klik rancangan, dilanjutkan dengan edit HTML.
3. Centang tanda expand template widget.
4. Tekan Ctrl-F dan cari kode <dl id='comments-block'>
5. Jika kode tersebut sudah sobat temukan, silahkan copy kode di bawah ini dan letakkan di atas kode tadi.
<div style='overflow:auto; width:ancho; height:250px;'>
6. Karena kita menggunakan perintah <div> jangan lupa untuk menutup dengan kode </div>. Silahkan sobat letakkan kode </div> setelah kode </dl>, atau untuk lebih jelasnya bisa sobat lihat pada contoh di bawah ini.
<div style='overflow:auto; width:ancho; height:250px;'>
<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/>
</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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
7. Simpan template dan coba lihat hasilnya.<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/>
</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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
Good Luck ***
45 comments
wah makaci sob hasilnya mantab ne,,,success for oyu
@free movie : sama-sama sob, sukses juga buat Anda..
hmmmm..... bingung antara scroll dengan showhideku
@Farixsantips : kalo menurut saya bagusan scroll bro, kalo showhide PERTAMAX nya kagak kelihatan .. :)
wah gan baru kemarin itu gan di pakai :D
absenn dulu deh gan
thanks ya tipsnya, perlu di coba nih
blog ane masi memanjang kotak komentarnya
jadi ribet scrol2 sampe kebawah buat nge comment
kalo kaya gini lbih simple
@richard : siip bro.. :D
@Hafiz Andriansyah : iaa bro, silahkan... !! emank ribet kalo ga pake gini..
ha.ha sep...kalo ane pake CSS Scrollnya sob..
btw kok kemaren ente malah tenya ke ane cara buat scroll komen, padahal ini bisa :P
@Mbah Qopet's : kemaren kan belum tau, skrng dah bisa.. :P
ini bagus sekali buat kotak scroll pd koment , ntar ku coba lagi ah biar ga seperti kereta api koment2 postingku hehehe
@anisayu : silahkan mba'.. kan cape juga tu' scroll ke bawah kalo pas banyak yg comment ... :)
makasih bnyak gan sarannya
@sepatu online : sama-sama bro..
ternyata tidak sulit juga dan sedikit script yang mesti dipasang
terima kasih atas infonya
Info menarik dan boleh sekali dicoba, Makasih buat infonya dan sukses
menarik dan boleh sekali dicoba,
Terima kasih untuk tipsnya, saya mau coba semoga juga.
Saya cari dibeberapa website dan dapat tipsnya di website ini, terima kasih, mau dicoba oleh saya.
Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil
Terima Kasih, Tulisan yang sangat membantu. Salam Sukses!
Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba
aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu
Terima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses
Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses
Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
sangat Innovatif dan banyak Tipsnya. jadi ingin coba. semoga berhasil
Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.
yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses
Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses
Amazing Artikel yang sangat berguna,terutama Tipsnya sangat membangun. boleh dicoba.
Terimakasih Tulisan dan Info yang bermanfaat. wajib dicoba. salam sukses selalu.
saya menemukan Artikel yang Amazing dan infonya boleh dicoba. Sukses selalu
Saya menemukan Artikel hebat di wibesite ini jadi ingin coba Tipsnya. Semoga berhasil
Menarik terutama Infonya, boleh dicoba. Salam sukses
Saya senang setelah membaca Tips dan Artikelnya, harus dicoba.Semoga berhasil
Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu
Tipsnya sangat Infomatif, wajib dicoba salam sukses
Informasinya keren sekali, sangat bermanfaat.sukses selalu
Terimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses
Terimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil
setelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu
Saat membaca Artikel dan Tipsnya yang benar benar menarik. Jadi ingin mencoba. Salam sukses selalu
Ide cemerlang saya dapat dari Artikel yang di buat di Wibesite ini, Wajib dicoba Tipsnya. Semoga berhasil
Wibesite yang menarik di dalamnya banyak Artikel dan Tips yang mengandung Ilmu Pengetahuan, Harus dicoba.Terimakasih
Saya senang membaca Info dan Artikel yang di buat di Wibesite ini. Patut dicoba. Salam Sukses selalu.
Give Your Comment
Subsc. via Email
Digg This
Lintas Berita
PopUp Comment