Cara Menambah Background Di Kotak Komentar Blog

Kali ini saya share tutorial blogger lagi, yaitu Cara Menambah Background Di Kotak Komentar Blog. Tutorial blogger ini saya dapatkan dari agan wakrizki karena saya gak sengaja muter-muter tersesat di blog tersebut, nemuin artikel tutorial ini.

Kata agan Wakrizki, dengan menambahkan background pada kotak komentar blog kita, supaya agar pengunjung blog kita tidak bosan dengan tampilan kotak komentar yang putih polos :D. Ada kalanya kita bosan dengan tampilan itu, tidak ada salahnya kita membuat perubahan kan, yang tentunya menjadi lebih baik.

Berikut ini adalah tampilan kotak komentar yang diberi background:

Nah, untuk sobat yang tertarik menambahkan background pada kotak komentar blog, silahkan ikuti langkah-langkah berikut ini!.

1. Login ke blogger.
2. Dasbor >> Rancangan >> Edit Html >> Kasih centang pada "Expand Template Widget".
3. Tekan tombol CTRL + F untuk memudahkan pencarian kode.
4. Letakkan kode berikut tepat diatas kode ]]></b:skin>

#comment-form iframe{
   background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdr77xno9kTrPMa1MfEPGe4XNGAqEU2YhciJ2ruIjiCeMV4Pzw1K0qSOD-MlgmHmlLiL21nnDrldebhLu2SOnSqpbrQZAYXJe3j_6tq8VgSSAJ6952AH57P4gqa8DF30oHtEHeL_Hc_K0/s1600/rumput.jpg) ;
   border:5px solid #9999FF;
   padding:5px;
   font:normal 12pt "ms sans serif", Arial;
   color:#7EB2AC;
   width:450px;
   height:230px;
   }
#comment-form iframe:hover{
   background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHunXjSxzDfh7dOKgZQ8S3Yyrf6MCngFMEO8CAM5wP_xqh6OCv5zuFzRRCuNh_rE0HYxQg4yyxOqihmnqgJMUGNg_358AmpriaQob0-AyvA_RCghJGls7xYB3EXDkOmTZD1aPiWFJuQo/s1600/bintang.gif);
   border:7px solid #999FFF;
   }

5. Kemudian, cari kode yang paling mirip seperti dibawah 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='230' id='comment-editor' name='comment-editor' src='' width='507'/>

6. Kemudian tambahkan kode <div id='comment-form'> dan </div> diantara kode diatas!. jadinya seperti dibawah 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='230' id='comment-editor' name='comment-editor' src='' width='507'/>

</div>

7. Jika semuanya sudah, jangan lupa klik "Simpan Template" dan lihat hasilnya :). Selamat mencoba dan semoga berhasil dan membuat blog sobat menjadi menarik dan banyak pengunjungnya :D.

BACA JUGA ARTIKEL DIBAWAH INI!

blog

• Blog Putupunyablog Update Backlink Dan Alexa Rank
• Cara Membuat Gambar Bergetar Otomatis Di Blog
• Cara Membuat Browser Bergetar Saat Di Klik Kanan
• Cara Membuat Efek Banjir Di Halaman Blog
• Kata-Kata Paling Populer Di Dunia Maya
• Kesalahan Paling Sering Dilakukan Pengguna Blogger
• Cara Membuat Tombol Show Hide Komentar Blog
• Cara Ampuh Agar Blog Ramai Pengunjung
• Cara Membuat Headline News Di Blog Terbaru
• Trik Cara Mengetahui Link Dofollow Dan Nofollow

tutorial

• Cara Membuat Gambar Bergetar Otomatis Di Blog
• Cara Membuat Browser Bergetar Saat Di Klik Kanan
• Membuat Alt Tag Dan Title Otomatis Tiap Gambar
• Cara Membuat Tombol Show Hide Komentar Blog
• Cara Ampuh Agar Blog Ramai Pengunjung
• Cara Membuat Headline News Di Blog Terbaru
• Trik Cara Mengetahui Link Dofollow Dan Nofollow
• Trik Membuka Situs Web Yang Diblokir
• Kapan Blog Putupunyablog Pagerank-nya Update Lagi?
• Widget Untuk Menarik Jutaan Pengunjung Di Blog

Sumber : http://rendy-putra-valkyrie.blogspot.com/2012/08/cara-menambah-background-di-kotak.html#ixzz2DwvCi6pl