baru dibuat kembali

Komentar merupakan bagian yang tidak bisa dipisahkan dari sebuah blog karena merupakan sarana untuk memberikan feed back bagi informasi-informasi yang disampaikan, baik berupa saran, kritik, pertanyaan, atau ucapan terima kasih atas informasi yang disampaikan.

Memang menyenangkan jika artikel-artikel kita dikomentari orang. Namun jika komentar tersebut terlalu banyak dan/atau isi komentarnya panjang-panjang maka akan membuat komentator berikutnya sedikit kewalahan karena harus menggulung layar jika ingin menuliskan komentar. Jika ini terjadi, boleh jadi sobat yang tadinya mau mengisi komentar mengurungkan niatnya karena males untuk menggulung layar, hehehe...

Nah, untuk mengatasi masalah tersebut kamu bisa membuat scroll pada blok komentarnya sehingga sekalipun komentar dalam postingan kamu banyak dan panjang-panjang, kotak isian pesan komentar (menggunakan formulir di bawah entri) atau link poskan komentar (menggunakan formulir halaman penuh dan jendela munculan) masih akan terlihat dan berada tidak jauh dari akhir postingan kamu. Namun kelemahannya, jika postingan kamu belum ada komentar maka akan terlihat kotak kosong yang tingginya sesuai dengan ukuran yang kamu buat (untuk mengatasinya silahkan baca artikel ini).

Jika kamu ingin membuat scroll pada blok komentar, kamu dapat mengikuti langkah-langkah berikut:

• Login ke akun Blogger kamu, lalu pilih Tata Letak - Edit HTML.
• Carilah kode CSS untuk comments-block menggunakan Control F.
• Tambahkan perintah berikut kedalamnya:

  
  height:300px; /* tinggi blok komentar */
  border:1px solid #CCC; /* warna bingkai blok komentar */
  overflow:auto; /* perintah scroll */
  

  sehingga nantinya akan nampak seperti contoh berikut:

  
  #comments-block {
  width: sekian px;
  margin:sekian px;
  padding:sekian px;
  line-height:sekian px;
  height:300px; /* tinggi blok komentar */
  border:1px solid #CCC; /* warna bingkai blok komentar */
  overflow:auto; /* perintah scroll */
  }
  

• Sesuaikan ukuran dan warna bingkai menurut yang kamu kehendaki.
• Simpanlah hasilnya, lalu lihatlah pada postingan yang memiliki banyak komentar.

Nah, selesai sudah brow. Selamat mencoba....

Catatan tambahan:

Jika pada template kamu tidak ada kode CSS untuk comments-block, tambahkan saja kode berikut di atas ]]></b:skin>:

#comments-block {
height:300px; /* tinggi blok komentar */
border:1px solid #CCC; /* warna bingkai blok komentar */
overflow:auto; /* perintah scroll */
}

Dan bagi yang menggunakan avatar Blogger Profile, avatarnya menjadi tidak kelihatan karena tertutup oleh kotak scroll. Supaya avatarnya tetap terlihat, buatlah scroll dengan cara kedua.