Tutorial: Background Pada Kotak Komen

Tutorial kali ini agak menarik,di mana kita boleh meletak background pada kotak komen. tutorial ini cuma untuk pengguna google comment dan kepada sesiapa yang dah buat comment luv rasanya dah cukup lawa so x payah nak upgrade2 lagi..hehe Ok sebelum kita mulakan macam biasanya mesti kena tengok contoh dulu..kat bawah nie ada beberapa contohnya :

Sebelum dihalakan mouse

Selepas dihalakan mouse pada kotak komen

Untuk pengetahuan anda, gambar yang pertama adalah gambar sebelum mouse di halakan ke ruangan komen.. gambar kedua pula,apabila mouse di halakan ke ruangan komen,automatik gambar no 1 akan bertukar ke gambar no 2..

pertama sekali macam biasa login blog >> design >> edit html >> expand template widget dan selepas itu cari kod ini :

<div class='comment-form'>

Jika sudah jumpa gantikan kod di atas nie dengan kod di bwah ini :

<div id='mGm-form'>

Setelah selesai dengan menggunakan kekunci CTRL + F cari kod di bawah :

]]></b:skin>

Letakkan kod di bawah ini sebelum atau di atas kod ]]></b:skin>

#mGm-form iframe{
background:#ffffff url(http://i822.photobucket.com/albums/zz147/amykozo/papertu.jpg) ;
border:7px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#mGm-form iframe:hover{
background:#000000 url(http://i909.photobucket.com/albums/ac297/heryymanjala/th_t227107477_72238_7.gif);
border:7px solid #999FFF;
}
#mGm-form a{
color:#7EB2AC;
}