Modifikasi Kotak Komentar Blogger

Published by Kang Fathur Saturday, February 12, 2011

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 :

1. Seperti biasa Sobat LogIn ke blog masing-masing
   
2. Klik Rancangan --> Edit HTML
   
3. Beri tanda chacklist pada tulisan "Expand Template Widget"
   
4. Cari Kode berikut :
   
   

   <div class='comment-form'>
   

   
   
   
5. Setelah ketemu ganti kode tersebut dengan kode seperti ini
   
   

   <div id='ib-form'>

   
   
   
6. 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;}
   

   
   
   
7. Setelah semua langkah-langkah di atas selesai klik tombol Save. dan lihat hasilnya
   
   Semoga bermanfaat
   
   
   
   KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI