Tampilan kotak komentar elegan

Bagi yang menginginkan tampilan kotak komentar yang terlihat elegan, malam ini saya akan menampilkan tutorial singkat nya kepada anda. Contohnya ada pada gambar diatas. ikuti langkah - langkahnya berikut ini :


=> masuk ke akun blogger anda, di dasbor klik rancangan, lalu klik Edit HTML dan centang  Expand Template Widget

Cari kode ]]>  dan letakkan kode berikut di atas nya:

#comment-form iframe{
background:#7f9db9 url() no-repeat bottom right;
border:7px solid #eeeeee;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#000000;
width:95%;
height:250px;
}
#comment-form iframe:hover{
background:#7f9db9;  url() no-repeat bottom right;
border:7px solid #bababa;
}
#comment-form a{
color:#ffffff;
}

 

Ubahlah ukuran (width, height) dan warna latar (background) untuk menyesuaikan pada kolom komentar anda.

Simpan template dan lihat hasilnya.

Baca juga: Cara mengubah size kotak komentar dan Cara membuat emoticon kaskus di komentar.

Selamat malam