Modifikasi Kotak Komentar

oke cara modifikasi kotak komentar dengan gambar contoh anda bisa lihat gambar di bawah ini

oke cara nya ada di bawah ini

1. Log in ke blog anda

2. klik rancangan / layout

3. klik edit html

4. centang expand template widget

5. untuk berjaga jaga anda download template lengkap

kemudian cari kode seperti ini, untuk lebih cepat anda tekan ( CTRL + F )

<div class='comment-form'>

setelah ketemu anda hapus kode tersebut dan ganti dengan kode di bawah ini

<div id='ib-form'>

Lalu anda cari kode ]]></b:skin>

Setelah ketemu anda tambah kan kode di bawah ini di atas kode ]]></b:skin>

#ib-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9_16H2avK6l0QRI4KX-RshmhLI4ZnBeKtV71bUcalcyvI7f8tRJTg3X9BIOFbVXfNrgiBhfYHR8uASpOSzATsVPFx9Jcf-GOZCnwtB4497gXIRk4nMmhdrO3xcs0otmXUlttquKfkp27V/s400/plz-do-not-spam1.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVYGND_BgfI_8gv0EEXFgmbR9vKGTDdpV3N6q8z-be0f62AkIFa6f1hsdO3wXv37pI95ecfYFknq2f0PlUdcE2FE6fsnhDmH3oU3qJOSQkqdEVNrVfIA4VphPhSm-_vdxUyqAXSsnnFCcF/s400/plz-do-not-spam2.gif) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}

 SEDIKIT     KETERANGAN

#ib-form iframe 
Bagian ini adalah tampilan formulir komentar blogger ketika mouse atau crusor tidak berada diatasnya.
# FFFFFF: Ini adalah warna latar belakang. Sobat dapat mengubahnya dengan menggunakan bantuan tabel kode warna   

anda bisa mencari kode warna yang anda sukai cari aja pada menu saya di atas pada tab kode warna

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVYGND_BgfI_8gv0EEXFgmbR9vKGTDdpV3N6q8z-be0f62AkIFa6f1hsdO3wXv37pI95ecfYFknq2f0PlUdcE2FE6fsnhDmH3oU3qJOSQkqdEVNrVfIA4VphPhSm-_vdxUyqAXSsnnFCcF/s400/plz-do-not-spam2.gif

adalah Link gambar anda sebagai tema atau latar belakang nya, anda bisa ganti dengan URL gambar anda

 Border 7px solid # C7C7C7: Adalah Border dengan garis penuh setebal 7px, kalau ingin garis border putus-putus ganti solid dengan kata dotted 

# C7C7C7 

adalah kode warna nya silhkan anda ganti sesuai warna yang anda inginkan,

padding: adalah jarak antara border dan teks

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

adalah jenis huruf dan ukuran besar huruf teks

width:95%;height:250px; Lebar dan tinggi kotak komentar 

sekian dari saya semoga bermanfaat jangan lupa komen soalnya comment anda sangat berguna bagi sin1aja blog

 

Sumber :   http://sin1aja.blogspot.com/2011/01/cara-modifikasi-kotak-komentar.html