Cara Memberi Background Pada Kotak Komentar adalah judul kita pada malam hari ini, taukah kotak komentar seperti apa nah jika anda ingin membuatnya sedikit menarik dengan menambahkan gambar sebagai background dari kotak komentar pasti sangatlah keren, tertarik berikut langkah langkahnya
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfDa8K3c-PzyRFtZdx27uY_1RGjYr8yKor4fK_EDvpD0879gRMnYXYb5YygfD2LZSqF1a-W7ycAPtmiSGl0XvU_OxWxyeOlfGS7MhVE84THg_TQ9kw8j4OvN1pTaG9QIwRyuYl8m8932z/s1600/background+kotak+komentar.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...
NB :
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
sumber: http://butontrick.blogspot.com/2012/01/cara-memberi-background-pada-kotak.html
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFfDa8K3c-PzyRFtZdx27uY_1RGjYr8yKor4fK_EDvpD0879gRMnYXYb5YygfD2LZSqF1a-W7ycAPtmiSGl0XvU_OxWxyeOlfGS7MhVE84THg_TQ9kw8j4OvN1pTaG9QIwRyuYl8m8932z/s1600/background+kotak+komentar.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...
NB :
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
sumber: http://butontrick.blogspot.com/2012/01/cara-memberi-background-pada-kotak.html