Cara membuat scroll pada area komentar blog

Posted by Abil Anam on Sunday, January 13, 2013


Pembuatan scroll pada area komentar sebenarnya sudah banyak yang mempostingnya, tapi tidak masalah. Mudah-mudahan tutorial ini ada gunanya bagi yang belum mengetahuinya. Kotak scroll pada komentar ini sebenarnya sangat berguna sekali, terutama bagi blognya sudah banyak yang berkomentar, dengan memasangnya akan menghemat kolom komentar sehingga tidak terlalu panjang sampai ke bawah.

Nah bagi yang ingin menerapkannya pada blog anda, ikuti saja caranya :

Seperti biasa masuk ke akun blogger >> Lalu klik rancangan >> lalu klik Edit HTML.
Kemudian cari kode berikut #comments-block{ . Gunakan tombol Ctrl+F untuk mempermudah pencarian. (Jangan lupa sebelumnya centang Expand Widget dan salin template anda untuk jaga-jaga). Sehingga kode lengkapnya sepeti ini :

#comments-block{border:0px dotted #ccc;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}

Selanjutnya hapus kode diatas tadi dan ganti dengan kode seperti di bawah ini :

 #comments-block{max-height:300px;border:1px solid#eee;overflow:auto;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}


Keterangan : 
Tinggi scroll adalah 300 px ,sedangkan tebalnya border adalah 1 px ,untuk warna border adalah yang #eee . Hal-hal itu dapat anda ganti dengan selera masing-masing.
Terakhir Sava Template anda.
Demikianlah  Cara membuat Scroll pada area komentar blog, semoga ada manfaatnya. Jangan lupa Like-nya yah.

Share it to your friends..!

Share to Facebook Share this post on twitter Bookmark Delicious Digg This Stumbleupon Reddit Yahoo Bookmark Furl-Diigo Google Bookmark Technorati Newsvine Tips Triks Blogger, Tutorial SEO, Info

{ 0 comments... read them below or add one }

Post a Comment