Cara Membuat Scroll Pada Komentar Blog
Space Iklan Disini, silahkan Hubungi kami !
Nah.. bagi sobat yang menginginkan blog kita tampil dengan simple, tidak terlalu panjang atau lebar. Salah satu cara yang dapat kita lakukan adalah dengan membuat scroll pada area komentar blog kita. Dengan demikian blog kita akan lebih hemat tempat. Sehingga seseorang yang ingin berkomentar di postingan kita yang sudah banyak komentarnya tidak harus mengeser sampai ke bawah. ;)
Cara Membuat Scroll Pada Area Komentar :
1. Login ke Blogger.2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <dl id='comments-block'>
6. Setelah ketemu, taruh kode berikut ini di atasnya.
<div style='overflow:auto; width:ancho; height:400px;'>7. Cari kode berikut ini </dl> dan taruh kode </div> di bawahnya.
Contoh lengkapnya seperti kode di bawah ini :
<div style='overflow:auto; width:ancho; height:300px;'>8. Kode yang berwarna merah adalah kode yang kita tambahkan.
<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>
<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<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='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
9. Simpan Template jika sudah selesai.
Sekian dulu tentang Cara Membuat Scroll Pada Komentar Blog
Jangan lupa untuk berkomentar agar saya dapat mengunjungi sobat kembali untuk mengucapkan terimakasihku atas kunjungan sobat. Selamat mencoba dan semoga sukses...
15 comments:
Boleh dicoba nih..... Makasih sob.
cara ini bagus untuk menghemat tempat dikolom postingan dan penempatannya praktis,aku mau coba,..makasih,..
ntar klo blog q rame pengunjun yang nggk pelit coment aq pake ginian uga ach,, heheehhhhh
thank's 4 tutor gan
salam blogger
tapi kotak komennya ikut masuk e sob.. pengennya cuma yang komentarnya aja..
masalahnya ketika yang dipasang itu komentar bertingkat, gak bisa discroll sama sekali.. :((
nice share information
sepertinya ini perlu diterapkan pada blog-ku..terimakasih sobat sudah berbagi ..keep happy blogging :)
Langsung ke tkp>>>
wah punya saya komentarnya gak banyak2..paling 5-10 orang...
Alhamdulillah rupanya ada disini.. Insya Allah nanti saya mau coba.. biar bagian komntarnya biar gak terlalu melebar kebawah.. maksih banyak ya broo :D
Sbnernya pengen coba sob, tp biasanya klo aku nyoba, kadang gk jdi.
makasih infonya..
wuih, makasih infonya... kapan2 dicoba ^^
@affanibu : sudah ada tutorial Terbarunya sob.silahkan di baca
wah, keren mas....
jadi lebih bisa hemat, salam:
bimosuper.blogspot.com
nice goods... like your posting + artikel.. very nice
Post a Comment