Cara Membuat Scroll Di Komentar Blog

apa kabar nih sobat.. hehe :D ,kali ini saya mau share lagi nih, cara membuat scroll pada area komentar blog.. kenapa saya share tentang ini..? karena mungkin bisa membantu sobat semuanya jika ada pengunjung berkomentar di blog sobat sudah banyak sekali dan terus memanjang tiada hentinya,, waah kalau 1 post ada yang berkomentar sampe 70-100 orang dan tanpa scroll, bisa makan ruang banyak dan pastinya memperlambat loading blog.. :( ,makanya pakai scroll agar lebih praktis, menghemat kolom dan bisa mempercepat loading blog.. :) ,okee langsung saja ke caranya..

1. Masuk ke Template
2. Edit HTML (lebih baik sebelum edit backup dulu templatenya)
3. centang Expand Template Widget
4. CTRL+F
5. lalu tuliskan kode di bawah ini

#comments-block{ 

jika kodenya berhasil di temukan, hapus semua kodenya ganti dengan kode di bawah ini :

#comments-block{max-height:300px;border:1px solid#F7D77;overflow:auto;width:569px;margin:1em 0 1.5em;line-height:1.6em}

lalu simpan.. :)

Keterangan :

1. kode yang warna Orange, adalah ukuran tinggi scroll yang akan di gunakan, sobat bisa mengubahnya sesuka hati.. :D
2. kode yang warna Hijau, adalah ketabalan border/garis sisi yang ada di sisi komentar, bisa di ubah juga sesuka hati.. :p
3. kode yang warna Pink, adalah warna dari border tersebut.. sobat juga bisa ganti tuh.. :D

hampir lupa.. :D nanti hasilnya akan seperti ini.. :)

|| Sebelum ||

|| Sesudah ||

bagaimana? menarik dan lebih hemat tidak..? hehehe.. :D .okee sobat sekian dulu tutorialnya :D ,semoga bermanfaat untuk semuanya.. jangan lupa tinggalkan komentar yaa..? terima kasih.. :)