Cara Memasang Scroll pada Kotak Komentar


CaraMemasang Scroll pada Kotak Komentar - Cara membuat/supaya kotak komentar menjadi scroll atau Cara agar komentar blog bisa menjadi scroll atau Cara Membuat Scroll Pada Kotak Komentar

Sebelum saya bahas lebih lanjut alangkah baiknya jika kita mengerti apa kegunaan scroll. Scroll digunakan untuk menghemat pemakaian ruang pada blog terutama tinggi suatu elemen widget. Cara lain untuk menghemat tempat di blog juga bisa dengan membuat tab view di blog lebih jelasnya bisa anda Baca: cara membuat tab viewdi blog. Berikut ini adalah CaraMemasang Scroll pada Kotak Komentar:
  1. Pertama anda harus Login/ masuk ke akun blogger anda.
  2. Kemudian anda Klik Template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget).
  3. Selanjutnya anda cari kode seperti ini #comments-block{
  4. Jika kode tersebut sudah ketemu anda ganti dengan kode CSS dibawah ini untuk membuat fungsi Scroll Pada Kotak Komentar.
 #comments-block{max-height:300px;border:1px solid #eee;overflow:auto;
5.      Setelah itu anda simpan/ save dan lihatlah hasilnya.

Jika  setelah anda simpan tidak berhasil maka gunakan cara ke dua yaitu cari kode #comments h4. Jika sudah ketemu letakkan kode berikut ini tepat diatas kode #comments h4
#comments {
height:200px;
overflow:auto;
}
Keterangan :
max-height:300px(Tinggi maksimal kotak komentar)
border:1px solid #eee(Ketebalan garis border solid,dan warna border)
overflow:auto(Jika sudah melebihi batas 300px,maka scroll akan berfungsi(akan muncul))

Sekarang jika kita ingin mencoba untuk membuat scroll pada Threaded Coment. Caranya hampir sama dengan diatas. Pada langkah ke-3 diatas anda mencari kode berikut ini:
<div class='comments' id='comments'>

Jika anda menemukan dua kode semacam itu. Anda ganti ke-2 kode tersebut dengan kode berikut.
 <div class='comments' id='comments' style='max-height:300px;overflow:auto;'>

Demikian yang dapat saya sampaikan semoga postingan cara memasang scroll pada kotak komentar ini bisa bermanfaat buat anda.

Komentar