Jumat, 26 April 2013

Cara Membuat Scroll Pada Kotak Komentar Blog

Pada postingan sebelumnya saya ada share cara membuat scroll pada Artikel Terkait dan Arsip Blog yang dapat menghemat ruang blog sobat, sekarang saya akan share Cara Membuat Scroll Pada Kotak Komentar yang sangat membantu supaya komentar para pengunjung blog sobat tidak memanjang ke bawah dan membuat blog sobat menjadi tidak nyaman dilihat. 

Caranya cukup mudah dan simple, sobat blogger silahkan ikuti langkah-langkah berikut :




·  Login dulu di Blogger

·  Pilih tab Rancangan (Design) > Edit HTML.



·  Jika sudah cari kode berikut #comments-block{

·  Langkah selanjutnya adalah menambahkan kode css supaya kotak komentar tersebut mempunyai fungsi scroll, tambahkan kode berikut :

max-height:300px;border:1px solid #eee;overflow:auto;
Sehingga akan menjadi seperti ini
#comments-block{max-height:300px;border:1px solid #eee;overflow:auto;
Save dan lihat, kotak komentar blog sobat sudah ditampilkan dengan fungsi scroll.

Atau kalau tidak ada kode di atas bisa cari kode di bawah ini
<div class='comments' id='comments'>
Ditambahkan beberapa kode sehingga jadi seperti ini
<div class='comments' id='comments' style='max-height:300px;overflow:auto;'>

Lalu di save reload dan lihat hasilnya

Semoga Bermanfaat

0 komentar:

Posting Komentar