Sunday, February 20, 2011

Membuat Scroll Bar pada kotak komentar


Pada sebuah postingan tentu saja mempunyai widget kolom komentar yang berguna untuk pengunjung memberikan komentar pada postingan tersebut. Jika komentar dari pengunjung semakin banyak, tentu saja akan membuat komentar yang ada semakin lama semakin bertambah sehingga halaman yang berisi postingan tersebut akan kelihatan memanjang kebawah. Hal itu tentu saja akan mengganggu keindahan penampilan blog. Dengan membuat scroll bar pada komentar dipostingan akan membuat blog anda terlihat lebih bagus dan tidak memanjang. Sebagai contoh, coba anda lihat ke bagian komentar blog saya yang telah menggunakan trik ini.

berikut ini langkah-langkahnya ;


# Masuk ke Blogger.
# Pilih Tata Letak.
# Pilih Edit HTML
# Cari kode untuk pengaturan komentar seperti di bawah ini :

/* ----- COMMENT ----- Blogger template design by http://www.forum-buku.blogspot.com/ */
#comments {
margin: 15px 0px 0px 0px;
padding: 0px 0px 15px 0px;
text-align: left;
color: $commentTextColor;
font: $commentTextFont;
}

/* comment-header */
#comments {
height:300px;
overflow:auto;
}
#comments h4 {
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}


# Copy kode dibawah ini kemudian paste pada bagian kode diatas.


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


# Kode tambahan boleh diletakkan diatas kode #comments h4 (atau dimana saja, asal masih berada dibagian komentar).
kalau ga mau repot hapus semua kode COMMENT anda lalu copy kode yg diatas lalu paste tempat yg terhapus tadi
# Kode height:300px; boleh anda ganti dengan tinggi scroll bar yang anda inginkan
# Setelah selesai kilk tombol Simpan Template
# Selamat mencoba, semoga berguna...!!!

No comments:

Post a Comment