Cara Membuat Scroll Pada Kotak Komentar

Siang tadi, pada artikel Tekken : The Iron First , salah satu sahabat yaitu  Bang Dayat , bertanya bagaimana cara membuat scroll pada kotak komentar seperti blog sederhana saya ini. Jujur saya sangat tersanjung Bang Dayat yang blognya sudah keren tersebut mau bertanya kepada saya yang blog nya masih bisa dibilang amatir.

Oke to the point aja :

  1. Sobat login ke blogger
  2. Pilih Rancangan > Edit HTML
  3. Centang Expand Template Widget (tidak boleh lupa)

Temukan kode

#comments-block{

Lalu tambahkan kode berikut

max-height:300px;border:1px solid #eee;overflow:auto; 

di sebelah kode #comments-block{ sehingga lengkapnya menjadi seperti ini :

#comments-block{max-height:300px;border:1px solid #eee;overflow:auto; 

Lalu save template sobat. (mudah kan ? )

Namun beberapa template , seperti milik saya, tidak ada kode   #comments-block{ di Edit HTML.
Jangan galau, sobat cari saja kode

<div class=’comments’ id=’comments’> 

di Edit HTML .
Kalau sudah ketemu hapus tanda tutup kurung yang dibelakang dan tambahkan di sampingnya kode berikut :

style=’max-height:300px;overflow:auto;’> 

 Sehingga lengkapnya menjadi seperti ini :

<div class=’comments’ id=’comments’ style=’max-height:300px;overflow:auto;’>

 Lalu SAVE template sobat
Mudah kan ????

Jangan lupa komen yaaa.

Shares

56 Comments

Leave a Reply