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:
- Pertama anda harus Login/ masuk ke akun blogger anda.
- Kemudian anda Klik Template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget).
- Selanjutnya anda cari kode seperti ini #comments-block{
- 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;
}
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:
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
Posting Komentar