modifikasi kotak Komentar

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

Dikutip dari: http://ade-tea.blogspot.com/2011/02/modifikasi-kotak-komentar-blogger.html#ixzz1OH926oBe

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

Dikutip dari: http://ade-tea.blogspot.com/2011/02/modifikasi-kotak-komentar-blogger.html#ixzz1OH926oBe