Selasa, 24 Mei 2011

Mengubah Background Kotak Komentar Blogspot

S
elamat bertemu kembali para blogger semua, posting kali ini saya akan kasih tahu cara buat mempercantik tampilan kotak atau form komentar blogspot. Di sini saya akan kasih tahu caranya memberi backround di form komentar blog Anda sehingga tampilanya akan semakin menarik, tapi kalau Anda ingin mempraktekkan cara ini pastikan pengaturan tampilan komentar blogger Anda tidak di tampilkan di halaman pop up, trik ini hanya berhasil jika kotak komentar kamu berada di bawah posting, tidak di halaman pop up Sekarang gimana caranya ??

Silahkan Anda masuk ke
Blogger
Design
Edit HTML
>> beri tanda centang di opsi expand widget template.

Sekarang cari kode berikut :
<div class='comment-form'>
Kalau sudah sekarang gantikan kode di atas dengan kode
<div id='ib-form'>
Kalau sudah sekarang kamu cari kode ]]></b:skin> dan letakan kode berikut sebelum atau tepat di atas kode ]]></b:skin>
#ib-form iframe{
background:#ffffff url(http://i1191.photobucket.com/albums/z464/izoel1/Alam04.jpg) 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://i1191.photobucket.com/albums/z464/izoel1/Alam04.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
Catatan :
Gambar backgroundnya bisa kamu ganti sesuka kamu.
Selanjutnya kamu tinggal simpan pengaturan template kamu dan lihat blog kamu.

Selamat mencoba dan semoga bermanfaat...!!

0 comments:

Blogger Comments : "Silahkan berikan komentar Anda mengenai tulisan saya pada kotak komentar di bawah ini . . ."


Facebook Comment Box : "Silahkan berikan komentar Anda mengenai tampilan dan isi blog saya ini untuk membangun blog ini jadi lebih baik lagi . . ."