tutorial - header hover part II

Header hover ni special sikit , sebab bila cursor halakan kat header korang tu , header tu akan terbentuk ruang antara satu sama lain . Faham ke tak ? Haha , ain pun tak tahu nak terangkan , kalau nak printscreen pun tak guna . Korang try sendiri la ye :)

1. dashboard - design - edit html

2. cari code ni : h1.title { atau #header h1 {

3. copy code ni dan paste di ATAS code h1.title { atau #header h1 {

#header:hover {-webkit-transition-duration: 0.8s;-webkit-transition: 0.5s;padding: 15px;}

merah - kalau makin bertambah makin lambat .
biru - kalau nak space besar , besarkan lagi nombor tu . HEE .

4. Save !

UPDATE !

Memandangkan ramai tak jumpa code, cubalah cari code ni : #header { atau /* Header . Then, korang paste code yang Aien bagi tu di bawah code tersebut.

Haa , you see it? Kotak yang dimerahkan tu merupakan code header hover korang . Pastikan korang letak code di tempat yang betul berdasarkan gambar di atas . Erk , kalau tak jumpa code atau tak jadi , pasrah je lah , hihi . Try an error dear :)

#ANOTHER WAYS!

FOR SIMPLE TEMPLATE/TEMPLATE DESIGNER , try search code : /* Content dan pastekan code header hover yang Aien bagi kat ATAS code tersebut ye .

---

THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

---