Cara Membuat Scroll Pada Komentar Versi 2

Posted by Muhammad Munandar on Jumat, 18 Maret 2011

Sambil menunggu waktu buka puasa saya ingin share lagi kepada teman-teman semua tentang bagaimana Cara Membuat Scroll Pada Komentar Versi 2. Jika sebelumnya saya juga sudah membuat artikel tentang scroll komentar versi 1 maka ini adalah versi 2 nya.

Beda versi tentu saja akan beda tampilan, jika yang pertama form untuk mengisi komentarnya ikut masuk ke dalam scrollnya, sedangkan yang versi 2 ini form untuk mengisi komentarnya terpisah dengan daftar komentarnya.
lihat pict

Ok, buat teman-teman yang ingin membuatnya silahkan ikuti langkah-langkah di bawah ini:


1. Login akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> klik Expand Templates Widget,

3. Cari kode (harap disesuaikan saja kodenya, karena tiap templates terkadang berbeda):

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;

4. Lalu tambahkan kode ini persis di bawah kode tadi:

/* ========================= Start of new code */
height:400px;
overflow:auto;
border:1px solid grey;
/* ========================= End of new code */

5. Jika sudah, klik Save Templates.


Ket:
Untuk merubah tinggi kolom scrollnya silahkan ubah height:400px;


Seperti itulah Cara Membuat Scroll Pada Komentar Versi 2, semoga bisa bermanfaat dan selamat mencoba. Salam...