Cara Membuat Scroll Pada Kotak Komentar

Oke to the point aja :

1. Sobat login ke blogger
2. Pilih Rancangan > Edit HTML
3. Centang Expand Template Widget (tidak boleh lupa)
4. Temukan kode #comments-block{
5. Lalu tambahkan kode

   >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. (bisa kan kan? )
   Namun beberapa template , yang tidak ada kode   #comments-block{ di Edit HTML.
   Jangan galau, sobat cari saja kode <div class='comments' id='comments'> di Edit HTML .
    
6. 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;'>

Dan ada sedikit tambahan dari teman saya
kalau lebih bagus sih pake border radius...
jadi nantinya kaya gini...


#comments-block{
max-height:300px;
border:1px solid #eee;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
overflow:;
}


  
Lalu SAVE template sobat
Gampang kan ????

Sumber

Socializer Widget By Muhammad Yusuf

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →