Home »
About Me
,
Seo
,
Tutorial
»
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 :
Background Pada Kotak Komen
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 :
]]></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. . .
ok ppl akan try buat,yeala tak pandai nak buat ni..
{ Balas }