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>
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/AVvXsEgvUfnt8sZxAuZRkF58tisWioVUR23uwRsyoHQyyqifiIZkvB3ERHFZgZyxe85ist66ydkDahkCMmOHkER4dLeMluV4scO-sObvPiHNE4wlK9KoNLTNXjFJHn8Ut-7AUPG7pdL6fa7akX4/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/AVvXsEgK0vnicp2-gnbZNMAkzBRX7OoKL10rmxAYUU0VVQPMAhjSk6KhMKmeQ-nNmmaDxfjCh6Qw-_w5nE-u2Iz583qLPq6D2tEhNbiqGUF0vT2oKkeFzT5i_idNTbWNJJvjOoTAw6GnhMWgRhQ/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.
Sumber : http://putupunyablog.blogspot.com/2012/08/cara-menambah-background-di-kotak.html
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Menambah Background Di Kotak Komentar Blog. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
