Cara Belajar

Pada tulisan sebelumnya tentang membuat scroll pada blok komentar saya menjelaskan adanya kelemahan, yakni jika artikel kita belum terisi komentar maka akan terlihat kotak kosong yang tingginya sesuai dengan ukuran yang kita buat. Tentu saja ini akan terlihat kurang menarik, apalagi jika artikel-artikel kita banyak yang tidak terisi komentar.

Untuk menghilangkan "kekosongan" tersebut memang agak susah. Tapi don wori, hal itu dapat disiasati dengan dua cara: Pertama, dengan membuat kalimat pengantar pada kotak blok komentar, dan kedua, dengan membuat toggle spoiler. Nah, pada bahasan kali ini saya akan menjelaskan cara membuat kalimat pengantar agar ruang yang kosong antara artikel dengan kolom komentar tidak nampak lagi.

Jika kamu ingin membuat kalimat pengantar untuk mengatasi "kekosongan" tersebut, kamu dapat mengikuti langkah-langkah berikut:

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

  
  <dl id=comments-block>
  

  Bagi yang sudah menggunakan avatar Blogger Profile, cari kode ini:

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

• Jika sudah ketemu, tambahkan kode berikut di bawahnya (gunakan Control C untuk mengkopi):

  <b:if cond=data:post.numComments == 0>
  <div style=float:left; text-align: justify; margin: 20px 10px; font-size:12px;><b>Sekedar catatan:</b>
  <br/><br/><br/>
  <center><img src=http://i563.photobucket.com/albums/ss76/peace_enes/SC/assalaamualaikum.gif width=50%/></center>
  <br/>
  Kotak pada kolom blok komentar ini masih kosong. Maka merupakan suatu kehormatan jika sobat menjadi orang yang paling pertama menuliskan komentar, baik berupa pujian, masukan, kritikan, maupun pertanyaan di kolom komentar yang terletak di bawah kotak ini.<br/><br/>
  Tak ada yang bisa saya berikan selain ucapan terima kasih karena telah memberikan apresiasi terhadap artikel-artikel <a expr:href=data:blog.homepageUrl expr:title=data:homeMsg><data:blog.title/></a></div>
  <b:else/></b:if>

• Gantilah tulisan berwarna merah sesuai dengan keinginan kamu.
• Simpanlah hasil kerjaan kamu dan ucapkan alhamdulillah.....

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

Contoh hasil di atas akan tampak seperti ini: