Cara Memakai Background Pada Kotak Komentar

Sobat Blogger Yang saya hormati dan segani....
Izinkan saya untuk menulis Tip N Trik Blog ya...??
Kali ini saya akan mengulas tentang  Cara Agar Kotak Komentar Mempunyai Background atau lebih singkatnya  Cara memasang background pada kotak komentar.

Oke tampa basa-basi, kita langsung saja yU ke Hiasan Blog.
Untuk membuat background pada kotak komentar sangatlah siimple, namun terkadang juga ada kode yang berbeda di setiap, tapi jangan pusing-pusing ya karena saya juga sudah membuktikannya, jika penasaran, silahkan saja lihat disini ya... http://demootakatiktemplate.blogspot.com/2011/01/tentang-blog-demo-otak-atik-template.html 
Udah lihat lOm contohnya...?? coba saja klik disini ya... (lihat gambar di bawah ini ..)

Lihat Kotak Komentarnya ada bintang-2nya...

Jika penasaran gimana cara buatnya, ikuti saja langkah-langkah di bawah ini ya,..                 
Masuk pada blogger dengan akun sahabat masing-masing (Wajib ni mah ya...)
Udah tampil lOm dasbornya..? Jika sudah kemudian klik menu Rancangan ==> Edit Html (Jika Masih Bingung lihat gambar di bawah ini ya..)              

 Pertama ke Rancangan (lihat panah yang berwarna hitam) terus klik Edit HTML (lihat panah yang berwarna merah) setelah itu jangan lupa Cheklis pada kotak kecil Expand Template Widget(lihat bulatan merah). Jika sudah semuanya, maka cari kode di bawah ini ya..  . (caranya Ctrl + F untuk mencari..)

<div class='comment-form'>

Jika sudah ketemu kode diatas, kemudian kode tersebut Hapus dan ganti dengan kode di bawah ini ya..:

<div id='comment-form'>

Sebenarnya sih ga usah-usah repot, sahabat tinggal ganti saja kode Class dengan kode id (betul....betul...betul....).
Kita lanjut ke tahap selanjutnya, yaitu cari kode di bawah ini ya..:

]]></b:skin>

Udah ketemu lOm kodenya...?? Jika udah, langsung saja Paste kode di bawah ini tepat di atas kode ]]></b:skin>  ya... :            

#comment-form iframe{

background:#ffffff url(http://i926.photobucket.com/albums/ad105/dasista/th_background.jpg) ;

border:7px solid #9999FF;

padding:5px;

font:normal 12pt "ms sans serif", Arial;

color:#7EB2AC;

width:450px;

}

#comment-form iframe:hover{

background:#000000 url(http://i926.photobucket.com/albums/ad105/dasista/th_background_hover.gif);

border:7px solid #999FFF;

}

#comment-form a{

color:#7EB2AC;

}

Silahkan ganti kode yang berwarna Biru dengan  alamat gambar yang sahabat inginkan ya...??
Untuk lihat Hasilnya, lihat disini untuk Demo

SELAMAT MENCOBA YA....

Baca Juga Yang Ini Ya... Menarik Lo...

Ditulis Oleh : Dede Arip Hidayat
Link Posting :http://otakatiktemplate.blogspot.com/2011/01/cara-memakai-background-pada-kotak.html


Jika Ingin Menampilkan Tulisan ini di Blog Sahabat, Jangan Lupa Linknya Kisini Ya..

Baca Juga Tips N Trik Di Bawah nI ya Sob..

Widget by Dede Arip | Delivery by Otak-Atik Template | Support by Dede Arip