Dengan pertanyaan itulah saya membuat postingan ini yang berjudul Modifikasi
Kotak Komentar Blogger. Selain untuk menjawab pertanyaan seri tadi
mudah-mudahan tips atau postingan ini juga dapat bermanfaat bagi sobat-sobat
yang lain.
Baik jika para sobat pingin liat seperti apa screenshotnya seperti di bawah ini :
Baik berhubung waktu sudah semakin siang kita lagsung aja ke langkah-langkah cara pembuatannya :
- Seperti biasa Sobat LogIn ke blog masing-masing
- Klik Rancangan --> Edit HTML
- Beri tanda chacklist pada tulisan "Expand Template Widget"
- Cari Kode berikut :
<div
class='comment-form'>
- Setelah ketemu ganti kode tersebut dengan kode seperti ini
<div
id='ib-form'>
- Kemudian tambahkan kode berikut di atas kode
]]></b:skin>
#ib-form
iframe{
background:#ffffff url(http://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) 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://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
background:#ffffff url(http://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) 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://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
- Setelah semua langkah-langkah di atas selesai
klik tombol Save. dan lihat hasilnya
Semoga bermanfaat
Dikutip dari: http://ade-tea.blogspot.com/2011/02/modifikasi-kotak-komentar-blogger.html#ixzz1rFNtriRJ