Tutorial : Header Hover Image

Assalamualaikum :)
Contohnya bila korang hover dekat header nanti dia akan keluar perkataan. Tak faham ? Tengok bawah :

Before hover :

After Hover :


Dah faham kan ? So you need two kind of different header and upload kan salah satu tu dekat photobucket or imgur. Tak tau nak buat header ? Cek SINI . Meh start. 

1. Sign In Blogger >> Template >> Edit HTML >> Proceed 

2. Ctrl + F cari code ni : 

h1.title {

3. Copy code bawah ni :

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


4. Pastekan di ATAS h1.title { tadi

5. Preview and Save :)

NOTA : Ganti BIRU dnegan URL HEADER KEDUA YANG AWAK DAH UPLOAD TU k ?

CREDIT TO : SIS LETTHA

2 comments:

Kalau dah jadi tu commentlah sikit sikit . Sebaris kata pun boleh. Asal jangan harsh words thank you :D