Cara Membuat BackGround Keren Pada Kotak Komentar Seperti di Blog INI

Cara membuat begron keren pada kolom komentar sangatlah mudah. Disini saya akan kasih yang keren karena sebelumnya membuat background kotak komentar yang biasa-biasa saja sudah ada.

Nanti jika Anda arahkan kursor ke kotak komentar, warna background-nya akan berubah menjadi warna biru laut ada hiasan menarik.


  • Langkah Pertama
  • Login Ke Blogger.com
  • Edit Template
  • Cari Kode ]]></b:skin>
Kemudian tempelkan kode di bawah ini sebelum atau diatas kode ]]></b:skin>
 #comment-form iframe{ background:#ffffff url(http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/Blogspot-Variasi-Blogger-1.jpg) ; border:1px solid #9999FF; padding:5px; font:normal 12pt "ms sans serif", Arial; color:#7EB2AC; width:450px; height:230px; } #comment-form iframe:hover{ background:#000000 url(http://i1187.photobucket.com/albums/z389/RICKY_ALDIYANSYAH/rumpu..jpg); border:1px solid #999FFF; }
Langkah Selanjutnya:
Cari kode <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Biasanya kode yang seperti itu lebih dari satu buah. Jika benar begitu,cari kode yang paling mirip dengan kode di bawah ini:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='580'/>
Tambahkan kode ini <div id='comment-form'> dan </div> diantara kode di atas sehingga jika digabungkan akan seperti ini:
<div id='comment-form'> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='580'/> </div>
Terakhir, simpan template

Jangan merubah url karna script bisa error. kecuali Anda punya url foto yang sesuai

UPDATE
Saat ini saya sudah tidak menggunakan kode ini pada komentar. Jika kode sudah tidak work, tolong di infokan, terimakasih..
31 Juli 2015
URL

6 Tanggapan » Lihat

Terimakasih mas, jangan lupa kunjungi blog saya juga

iya sama-sama gan.. Sekedar info nih.. untuk sekarang ini saya telah mengganti template saya, jadi untuk demo bisa Anda lihat langsung ketika widget tersebut telah Anda pasang diblog Anda..

mantap mas... kotak komentar bertambah cantik kelihatannya..
sukses selalu..

http://miniblogger28.blogspot.com

keren mas
mau nanya.. gimana cara buat search bos di haeder tepat di bawah "informasi aktual and tips-trik"
dimohon kerja samanya ya

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini