Pada kesempatan pagi yang cerah ini saya sebelum brangkat kerja menyempatkan diri untuk menjawab salah satu pertanyaan sahabat dekat saya yaitu
Seri Bahasa. Yang isi pertanyaannya :
gimana mahu buat kotak komentar seperti ini sob ada b/groundnya.
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;}
- Setelah semua langkah-langkah di atas selesai klik tombol Save. dan lihat hasilnya
Semoga bermanfaat
