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/AVvXsEgnGTa3qqhh3RIN4dIWxBrJbu_Z9N4uuYNe2D4Yd9U7HdnVixLFdoQOUiw3-o4uqISCLysmauX1vEK-OFQ0IOUY7i7JzCah_KRfNIdXIoRaT4N-_9l93BenL01ObG1GwUNEf6YSvhsk0Rk/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/AVvXsEgciL1xIDmBFuZtJ7MOCXbt5nKGFdxS9PoqEjUuNJ2UDBfrh8s92H319z7JhwC4RNmPO_A426Rnmvsmk3D8Y5rxfDfuzJJi5mUCHZCyhphyphenhyphenloGzUnuEUb9IFURlcvh4af5MBd_9o6cNzFg/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.

Admin : Wayan Putu Sujane

Saya hanya seorang blogger pemula yang mencoba untuk berbagi tentang hal apapun yang saya ketahui dan semoga yang saya bagi ini bisa bermanfaat bagi anda, mohon maaf bila ada kekurang dan terima kasih atas kunjungannya ke blog saya ini.