Cara Mengubah Background Kotak Komentar Dengan Gambar

Hmm.... Memang gak ada henti-hentinya yah kalau kita berbicara masalah Design Blog atau Memodifikasi Blog agar telihat lebih menarik lagi.. Nah, pada kesempatan kali ini ane mo share tutorial tentang bagaimana Cara Memodifikasi atau Mengubah Backgroun Kotak Komentar (Comment Form) dengan Gambar. Wah keren gak tuh sob.. Untuk jelasnya bisa lihat gambar berikut atau bisa cek langsung di kotak komentar milik Blog ane ini (scroll saja kebawah) :

Kalau sobat tertarik dengan Design yang satu ini, cukup ikuti langkah-langkah berikut, Insya Allah berjalan mulus gak ada bukit-bukit.... heheheh
1. Login ke Blogger dengan ID sobat
2. Di Dasbor, klik tab Template lalu Edit Template HTML --> Centang pada Expand Wiget Templates
3. Cari kode ]]></b:skin> (gunakan Ctrl+F atau F3), kalau sudah dapat pastekan kode berikut tepat diatasnya:

#comment-form iframe{
   background:#ffffff url(URL GAMBAR) ;
   border:5px solid #9999FF;
   padding:5px;
   font:normal 12pt "ms sans serif", Arial;
   color:#7EB2AC;
   width:450px;
   height:230px;
   }

#comment-form iframe:hover{
   background:#000000 url(URL GAMBAR);
   border:7px solid #999FFF;
   }

Ganti URL GAMBAR dengan url gambar yang sobat inginkan

4. Terus, cari lagi kode yang mirip dengan kode <a expr:href='data:post.commentFormIframeSrc' lalu sisipkan kode  <div id='comment-form'> dan </div> diantara kode tadi. Hasilnya kayak gini :

<div id='comment-form'>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
    <iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/>
    </div>

5. Terakhir, klik Save Template.

Gimana??? Gampangkan sob??? Ayo langsung saja dipraktekin di Blog sobat......
Good Luck!!! ^_^

Salam,