Mempercantik Kotak Komentar

Pada tutorial kali ini saya akan membahas bagaimana caranya mempercantik kotak Komentar dengan memasukkan background Gambar di Blogger.

Tanpa banyak Cerita sekarang saya akan memberikan langkahnya tahap demi tahap.

1. Silahkan Sobat Login ke Akun Blogger Klik Rancangan --> Edit HTML
2. Beri tanda chacklist pada tulisan "Expand Template Widget"
   Cari Kode berikut :
   

   <div class='comment-form'>
   

3. Setelah ketemu ganti kode tersebut dengan kode seperti ini
   

   <div id='ib-form'>
   

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

5. Setelah semua langkah-langkah di atas selesai silahkan simpan kerjaan anda dengan menekan tumbol "Save Template" dan lihat hasilnya

Semoga Tutorial yang singkat ini dapat bermanfaat dan tentunya menambah wawasan Sobat untuk memodif Blog Sobat supaya terlihat Profesional, Jika masih mengalami kendala dalam penempatan kodenya silahkan tinggalkan Komentar