Friday, September 9, 2011

[Tutorial] Header Hover

Korang dah nampak title kat atas tu. Dah nampak orang tanya nie, so tunggu apa lagi. Lets begin!^^

Firstly, korang kena la edit dua header yang sama tapi berbeza. Boleh paham tak? Alaa. Macam header yana la. Sama tapi berbeza. Bila cursor letak kat header tu, dia ada keluar perkataan tersembunyi tu kan? Sebenarnya yana guna dua header kalau korang nak tau ^^ . Korang edit la header tu kat photoscape atau photoshop. Then upload kat photobucket or tinypic or mana2 yang korang selalu upload gambar then amek url dia tu.

Then pegi bukak Dashbord korang pulak dan ikkut steps kat bawah nie :)
1. Templates/Design > Edit HTML > tick Expand Widget

2. F3 and search for this code
#header {

Dah jumpa kan? Bila dah jumpa, kat bawah tu ada anak2 cucu cicit dia kan? Haa. korang tengok code dia, ada simbol } kan?

3. Copy code nie kat bawah code } tu

#header:hover {
background: url(URL HEADER IMAGE)
}

#yang code warna merah tu korang masukkan url header kedua korang bila korang dah upload tadi.

4. Save!^^

No comments:

Post a Comment

Thanks for comment. Come again! ^_^