Senin, 10 Desember 2012

Cara Memberi background pada kotak komentar

     Cara Memberi background pada kotak komentar

   Mungkin ada orang yang bingung bagaiman cara memberi background pada kotak komentar, biasanya yang bewarna putih, kali ini ikut bewarna warna template. tidah usah bimbang, karna caranya begini :


1. Login ke blogger dan memilih layout (tata letak)
2. Pilih EDIT HTML
3. Centang Expand widget template
4. Cari kode 


<div class='comment-form'>

Ganti kode tersebut dengan kode dibawah ini.

<div id='mGm-form'>


Kemudian copy kode html berikut di atas kode ]]></b:skin>

#mGm-form iframe{
background:#ffffff url(http://4.bp.blogspot.com/-zXmAfeC8gGo/TZQ4EeBQLhI/AAAAAAAAAXA/nfj4H6uYXqM/s1600/background%2Bkotak%2Bkomentar.JPG) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#mGm-form iframe:hover{
background:#000000 url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_t227107477_72238_7.gif);
border:7px solid #999FFF;
}
#mGm-form a{
color:#7EB2AC;
}


5. simpan template .... dan lihat hasilnya...

 Note :   ganti tulisan yang berwarna merah dengan alamat gambar sobat.
            tulisan yang berwarna biru adalah tinggi kotak komentar sobat
            tulisan yang berwarna hijau adalah warna" yang bisa sobat ganti sesuai keinginan sobat



dibawah ini ada contoh hasilnya...




selamat mencoba.....