Cara Memodifikasi Kotak Komentar / Memberi Background dengan CSS

Halo Sobat SYKC. Minggu pagi gini enaknya apalagi kalau tidak berbagi informasi untuk para sobat, dari pada gak ngapa-ngapain gak jelas ehm...bla bla bla sudahlah langsung aja ke pokok masalah. 

Apasih kegunaan memodifikasi blog kita diberi background ? Kegunaan kotak komentar blog kita diberi background selain untuk memberi kesan menarik tentu membuat iri para pengunjung blog kita heheeheh. Tapi apakah akan membuat blog kita menjadi lamban ? tentu saja tidak benar setelah saya uji di blog saya sendiri menggunakan background pada kotak komentar blog tidak mempengaruhi lamban atau cepatnya blog kita.   

Nah gimana tertarik untuk membuat ?gampang kok lihat langkah dibawah...

• Seperti biasa sobat harus Login dulu di akun blog sobat
• Pilih  Rancangan >> Edit HTML
• Back Up dulu templatenya untuk berjaga-jaga jika terdapat kesalahan atau eror XHTML
• Jangan lupa centang " Expand Widget Template "
• Selanjutnya cari kode  ]]></b:skin> copy paste kode script di bawah ini dan letakkan tepat diatas script ]]></b:skin> .

  #comment-form iframe{
  background:url(http://i50.tinypic.com/talphh.jpg) no-repeat;
  border:7px solid #eeeeee;
  padding:5px;
  font:normal 12pt "ms sans serif", Arial;
  color:#000000;
  width:95%;
  height:250px;
  }
  #comment-form iframe:hover{
  background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif) no-repeat;
  border:7px solid #bababa;
  } 

nb : Ganti warna merah dengan url gambar sobat yang digunakan untuk background.

• Save Templatenya.

Selamat mencoba semoga berguna untuk sobat....