Tutorial Blog : Menambah background pada Kotak Komentar

Lanjutan dari mempercantik kotak komentar sebelumnya,kalau yang sebelumnya menambahkan kalimat pada kotak komentar,nah yang ini menambahkan background pada kotak komentar seperti pada blog saya.

Berikut Tutorialnya

1.seperti biasa,login dulu ke blogger

2.klik design /tata letak,kemudian klik ubah html/edit html

3.sebelumnya,untuk mencegah kegagalan,saya sarankan untuk membackup dulu templates anda,baik denganmencopas kode html anda seluruhnya ke notepad,atau mendownloadnya

4.centang Expand templates widget

5.dengan CTrl+F atau F3 cari tag ]]>

6.lalu copas kode berikut diatas nya

#kotak_komentar{
background: url(http://i1102.photobucket.com/albums/g456/yangpentingshare/randyalbums/grass.jpg) ;
padding:20px;
width:530px;
height:250px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;
}
#kotak_komentar:hover{
background: url(http://i1102.photobucket.com/albums/g456/yangpentingshare/randyalbums/hover.gif);
-webkit-box-shadow: 2px 2px 20px #cc40fb;
-moz-box-shadow: 2px 2px 20px #cc40fb;
}

7.Kemudian scroll kebawah atau ctrl+F lagi cari kode berikut

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/><iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/></div> 

8.Jika sudah ketemu letakkan kode berikut diatasnya

<div id='kotak_komentar'>

9.Dan kode berikut dibawahnya

</div>

10.Save template sobat

Note : ganti kode yang berwarna  Merah  sesuai dengan Template sobat.
jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

<====================Selamat mencoba ====================>