15 Agt 2011

Cara membuat background di kotak komentar blog



Gimana ada yang mau kotak komentar blognya  punya bacground kayak gambar diatas???kalau ada yang berminat ikuti langkah-langkah berikut

~ Login blogger
~Klik rancangan Edit HTML
~Centang "Expand Template Widget"
~ Cari kode berikut


<div class='comment-form'>



~Setelah ketemu ganti dengan kode tersebut dengan kode dibawah ini:


<div id='ib-form'>


~Kemudian cari kode  ]]></b:skin>
~Kalo udah ketemu tambahkan kode dibawah ini tepat diatas 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;}


Tulisan yang ane tandai dengan warna merah adalah Url gambarnya
..sobat bisa ganti dengan URL gambar sobat sendiri
~Setelah selesai simpan template dan lihat hasilnya
mudah kan??????
Oke selamat mencoba semoga berhasil..........

Tidak ada komentar:

Posting Komentar

Silakan ketik sepatah dua patah kata jika anda menyukai tulisan ini, semoga bermanfaat

saya akan menerima apapun kritik dan saran dari anda demi kemajuan blog ini.