Search This Blog

BACKGROUND PADA KOTAK COMMENT

Posted by amykozo

Tutorial kali ini agak menarik,di mana kita boleh meletak background pada commenter.. 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 :







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;
}





Nota :

anda boleh mengubah background mengikut kesesuaian anda dengan mengubah url yang diwarnakan :
1)kod yang diwarnakan dengan warna biru adalah background per 1
2)kod berwarna merah adalah background ke 2


Setelah selesai pastikan anda preview dahulu dan jika tiada sebarang error klik save template

selamat mencuba. . .

RECENT POST

To all u...






Tutorial
back to top