Klik Saya

Tentu kamu masih ingat artikel "Cara Membuat Scroll Pada Blok Komentar" yang pernah dimuat pada blog ini beberapa bulan lalu. Pada cara tersebut, scroll dibuat dengan menambahkan atribut pada CSS comments-block. Cara ini memang cukup mudah, sayangnya bagi kamu yang menampilkan avatar blogger profile pada kotak komentarnya, avatar-nya menjadi hilang (tidak ditampilkan). Membuat scroll dengan cara tersebut hanya efektif jika kita menggunakan avatar MyBloglog, seperti pada kotak komentar blog ini.

Cara lain untuk membuat scroll pada blok komentar ini adalah melalui penambahan kode pada HTML blog. Dengan cara ini avatar blogger profile pada kotak komentar akan tetap muncul (kelihatan). Hanya saja dalam menambahkannya perlu kehati-hatian dan ketelitian, salah-salah template blog kamu tidak dapat di-parse. Tapi jangan takut, jika kamu cukup sabar dalam mencari kodenya, cara inipun akan mudah kamu praktekkan.

Langkah-langkah yang harus kamu lakukan untuk membuat scroll dengan cara kedua ini adalah sebagai berikut:

• Login ke akun Blogger kamu.
• Dari halaman Dasbor, klik Tata Letak dan pilih Edit HTML.
• Lakukan duplikasi template untuk berjaga-jaga jika terjadi masalah.
• Beri tanda centrang pada Expand Template Widget.
• Carilah kode berikut (gunakan Control F atau F3):

  
  <dl id=comments-block>
  

  Bagi yang menggunakan avatar blogger profile, cari kode ini:

  
  <dl expr:class=data:post.avatarIndentClass id=comments-block>
  

• Kalau sudah ketemu, tambahkan perintah ini di atasnya:

  
  <div style=overflow:auto; border:1px solid #ccc; height:250px>
  

  Sesuaikan ukuran tinggi (height)-nya menurut kebutuhan.
• Kemudian carilah kode penutup dl, seperti ini:

  
  </b:loop>
  </dl>
  

• Setelah ketemu, tambahkan kode penutup ini di bawahnya:

  
  </div>
  

• Simpan hasil editing ini dan ucapkan Alhamdulillah.....

Selesai deh. Selamat mencoba .....

Catatan Tambahan:

1. Jika kamu sudah membuat scroll dengan cara pertama, hapuslah perintah scroll (meliputi: overflow, height dan border) pada CSS comments-block-nya supaya tidak muncul dua scroll pada blok komentar.
2. Dengan menambahkan scroll ini, jika kotak komentar kamu masih belum terisi, maka akan terlihat sebuah bingkai (kotak) kosong setinggi ukuran yang kamu buat. Untuk mengatasinya, kamu bisa membuatkan kalimat pengantar atau toggle spoiler.