Memperindah Kotak Comment Blogger/Blogspot Dengan Css - Pendidikan Blog

Cara ini aku sanggup sehabis sedikit belajar otak-atik CSS dengan kawan sebab pengen banget membuat kotak comment (yang sebelumnya terkesan "biasa" di dalam template Blogger ini) terlihat lebih "berwarna" dan "senada" dengan warna template blog ini.
Akhirnya kita menggunakan rancangan frame untuk mempercantik sekeliling kotak comment tersebut. Caranya pun sungguh sederhana dan mudah. Berikut tindakan dan kodenya:

1. Masuk ke dashboard Blogger  => Design => Edit HTML/Edit Template

2. Jangan lupa backup dahulu template yang usang untuk berjaga-jaga apabila ada kesalahan dalam editing.

3. Centang expand widget template di sebelah kanan.

4. Cari instruksi => ]]></b:skin> (Gunakan Ctrl+F untuk mencari)

5.Copy instruksi CSS dibawah ini dan letakkan sempurna sebelum/diatas tag tersebut.

#comment-form iframe{
background:#7f9db9;
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;
border:7px solid #bababa;
}

6. Setelah itu save dan coba dilihat hasilnya.

Ganti width dan height sesuai dengan ukuran yang anda inginkan. Begitu pula dengan warna, ganti instruksi background sesuai dengan keinginan. Untuk kode-kode warna, silakan lihat Hex Color Code Chart Generator.