Kriwul Blog

blog, wordpress, template, blogger, tips trik, internet, bisnis online, blogger, blogspot,tutorial blog, teknologi, news, free download, free download template.

Menyingkat komentar dengan scrolling

Tuesday, August 11, 2009

Banyak komentar kadang-kadang juga bingung, halaman blog bisa menjadi panjang, untuk mengatasi hal tersebut kita bisa menambahkan scrolling di kolom komentar.
Caranya seperti biasanya:

Login ke account blogger kamu.
Pilih Tata Letak trus Edit HTML.

Dan sebelum melakukan edit ini sebaiknya simpan dulu (back-up), dengan mendownload template. Karena kode yang nantinya ditambahi untuk scrolling komentar, di setiap template blog tidak sama.

Cari kode di bawah ini:

#comments a {
text-decoration: none;
}
#comments h2 {
font-size: 1.3em;
}
#comments p {
margin-bottom: 10px;
line-height: 1.6em;
}
#comments form {
padding: 0 10px;
}
#comments form p {
margin-bottom: 5px;
}
#comments form input {
margin-right: 5px;
}
#comments form input, textarea {
border: 1px solid #cccccc;
font-size: 0.9em;
font-family: Verdana;
padding: 4px;
background-position: 4px 4px;
background-repeat: no-repeat;
}
#comments form input {
width: 260px;
border: 1px solid #cccccc;
}


Jika sudah ketemu tambahkan kode berikut, di atas code #comments h2 {
Perlu di ingat kode ini untuk setiap template blog berbeda-beda.
Jadi coba saja cari code: comments a dengan menekan ctrl + F

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

Untuk mengatur panjang scrolling ganti angka 500px

Jika sudah yakin, simpan template.

Entar akan terlihat hasilnya jika sudah berhasil, jika posting yang belum ada komennya di bawah akan ada jarak kosong, antara post komen dengan posting.
Selamat mencoba semoga berhasil.

0 comments:

Post a Comment