earth
/* Iklan google ads */
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:
Sekedar catatan:


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.

Tak ada yang bisa saya berikan selain ucapan terima kasih karena telah memberikan apresiasi terhadap artikel-artikel Judul Blog Kamu

Artikel Terkait Dengan HTML Tutorials

26 comments

Coba dulu ahhh... thanks sob...

16 Februari 2010 pukul 10.28  

Oh ya kang tebaran cinta valentin yang dipersembahkan pada saya sudah diposting lho !

http://sabarya.blogspot.com/2010/02/engapa-harus-poligami.html

16 Februari 2010 pukul 10.59  

Trims sharingnya kang
Saya tuh lagi cari2 kode spoiler .. ada gag yah di blog ini? (sambil cari2)

16 Februari 2010 pukul 13.51  

Wah saran yang bagus..I like It...oiya Link Banner saudara sudah terpasang cantik di blog saya di http://novantachistory.blogspot.com/ dan saya masih anak kemaren sore di dunia blog jadi mohon kerja samanya.terima kasih dan sering2 main ke blog saya ya

16 Februari 2010 pukul 15.34  

mantap memang kelihatan jelek ya kang kalau belum ada komentar

16 Februari 2010 pukul 20.08  

wah manteb nih,..cb dl ya boz,..thxs

17 Februari 2010 pukul 00.09  

gw pernah liat ada yg bisa naruh gambar berupa banner kecil,,bisa ya disisipkan disitu

17 Februari 2010 pukul 00.22  

Mantap! perlu dipasang! Trims sobat! Award sudah kuboyong tunggu giliran pajang!

17 Februari 2010 pukul 06.51  

Keren ya Kang, tapi saya lagi belum sempet bebenah blog nih...

17 Februari 2010 pukul 07.13  

waaahhh bagus nich... mo dicobain dipasang ah...
makasih ea kang informasinya...

17 Februari 2010 pukul 08.36  

Assalamu'alaikum ...
Award tos dipajang, Kang. Upami ngadamel blogroll nu tiasa di-scrol, kumaha, Kang?

17 Februari 2010 pukul 11.54  

salam sobat
wah telat nich komentarnya
saya ikuti ya bang Enes,,caranya,
biar tampil sebelum,,di komentarnya.

17 Februari 2010 pukul 19.29  

like this blog... :)
@www.ndessoo.co.cc
mampir yah... :)

23 Februari 2010 pukul 12.37  

kang, kok gk bisa, balesannya

Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Element type "http:" must be followed by either attribute specifications, ">" or "/>".

30 Mei 2010 pukul 11.58  

<img src='http://sites.google.com/site/ruangsc/imgsb/assalaamualaikum.gif?attredirects=0' width='50%'/>

30 Mei 2010 pukul 12.01  

ternyata itu yang salah dari kode diatas

30 Mei 2010 pukul 12.02  

yang <img kurang tanda = kang

hehe, makasih triknya..
btw blognya keren.. :D

1 Juli 2010 pukul 09.35  

artikelnya bagus bagus banget mas
makasi ya

salam http://keripiku.blogspot.com/

29 Agustus 2010 pukul 17.40  

Makasi mas.. heheh :-)

28 November 2010 pukul 14.02  

GW CoBa Ya Di BLoG GW

THaNKS BaNGeT SHaRiNGNYa

http://kerajaankata.blogspot.com/
http://istanapuisisangpencinta.blogspot.com/

11 Juli 2014 pukul 12.56  

Spesialis penyakit dalam, termasuk wasir atau wasir, pengobatan herbal
obat wasir

21 Desember 2014 pukul 10.17  

Tambahkan Komentar