Ganti Background Kotak Komentar Dengan Gambar

Tampilan blog akan terkesan tampil menarik apabila ada kemauan untuk mengeditnya. Sekarang bagaimana mengganti background kotak komentar dengan gambar ?, sebelumnya lihat dulu tampilan kotak komentar yang sudah diganti dengan gambar seperti dibawah ini.

Nah...sekarang langkah-langkahnya
Pertama masuk dasbor-->rancangan-->edit HTML-->centang expand template widget
Kedua cari kode sebagai berikut :

<div class='comment-form'>

Ketiga ganti kode diatas dengan kode berikut:

<div id='ib-form'>

Keempat cari kode ]]></b:skin> gunakan tobol F3 di keybord untuk mempermudah pencarian, setelah ketemu tempatkan kode berikut ini diatasnya

#ib-form iframe{
background:#ffffff url(http://i720.photobucket.com/albums/ww206/danonline007/ist2_3978766-white-m6-convertible.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(http://i720.photobucket.com/albums/ww206/danonline007/ist2_3978766-white-m6-convertible.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}

Terakhir klik simpan template

Catatan : jika ingin menggunakan background dengan gambar milik sendiri ganti saja url gambarnya. Selamat mencoba