Cara membuat scrollbar pada komentar blog

Membuat scrollbar pada komentar-komentar blog kita bisa dilakukan dengan dua cara. Kita akan membahas cara pertama pada hari ini untuk cara kedua dibahas esok hari. He..he.. Biar kaya postingan..

Untuk cara pertama hasil komentar pengunjung dan form komentar ikut masuk ke dalam scrollbar, supaya hanya komentar-komentar saja yang discroll maka gunakan cara kedua saja.

Berikut adalah cara membuat scrollbar pada komentar blog (cara pertama) :

Download terlebih dahulu template blog sobat untuk jaga-jaga mana tahu ada kesalahan fatal saat oprek template. Setelah selesai download sobat beri tanda centang pada Expand Template Widget.

Lalu cari kode seperti dibawah :

#comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; letter-spacing:.1em; color: $sidebarcolor;}
#comments-block { margin:1em 0 1.5em; line-height:1.6em;}
#comments-block .comment-author { margin:.5em 0; }

Selanjutnya sobat copy kode dibawah ini dan letakkan diatas kode yang sobat temukan sebelumnya.

#comments {
height:200px;
overflow:auto;
}

Jika sudah maka hasilnya akan seperti ini :

#comments {
height:200px;
overflow:auto;
}
#comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; letter-spacing:.1em; color: $sidebarcolor;}
#comments-block { margin:1em 0 1.5em; line-height:1.6em;}
#comments-block .comment-author { margin:.5em 0; }

Perhatikan kode yang berwarna biru, kode tersebut adalah angka tingginya scroll komentar sobat. Kalau sudah SAVE template blog sobat dan lihat hasilnya. Selamat mencoba..