Disini saya akan berbagi Ilmu dengan memberikan trik mengganti background pada kotak komentar. baca juga disini..Trik ini sangat membantu dalam mempercantik tampilan Blog anda.
Berikut Langkah-Langkahnya :
1. Pertama-tama login ke akun Blogger anda.
2. Setelah masuk, menuju ke Rancangan - edit HTML.
3. Demi berjaga-jaga backup terlebih dahulu template anda.
4. Centang “expand template widget”
5. Cari kode ini <div class=’comment-form’>
6. Kalau ketemu ganti kode tersebut dengan ini <div id=’mGm-form’>
7. Nah kalo udah beres cari kode berikut ini ]]></b:skin>
8. Copy dan paste kode di bawah ini dan letakkan di atas kode ]]></b:skin> tadi.
#mGm-form iframe{
background:#ffffff url( http://i909.photobucket.com/albums/ac297/tambakilmu/th_t227107477_72238_7.gif ) ;
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/tambakilmu/th_t227107477_72238_7.gif);
border:7px solid #999FFF;
}
#mGm-form a{
color:#7EB2AC;
}
background:#ffffff url( http://i909.photobucket.com/albums/ac297/tambakilmu/th_t227107477_72238_7.gif ) ;
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/tambakilmu/th_t227107477_72238_7.gif);
border:7px solid #999FFF;
}
#mGm-form a{
color:#7EB2AC;
}
Nb : url yang berwarna biru adalah url yang anda ganti dengan gambar yang telah kamu simpan di photobucket atau site penyedia tempat penyimpanan gambar yang lainnya.
9. Semoga Sukses mas bro :)
0 komentar:
Posting Komentar