Header Hover (part1) Assalamualaikum ... ♥
Okay HEADER HOVER ,, kat sini Zuhairah nak ajar 2 header hover yg agak popular lah! :)
Firstly : CREDIT this tutorial to KAK ANNA! :)

• Bagi Pengguna Template Designer!
HEADER ketepi & Hilang
Alah2, kalau korang hoverkan ke header korang, dia akan gerak ke tepi! and then ! ZUP! Hilang! Tapi lepas tuh ada balik! :) heeee.
♦ DASHBOARD → DESIGN → EDIT HTML
tekan f3 cari code ni :

.header:hover {

          ATAU

#header:hover {

Jumpa tak?! kalau tak jumpa, korang cari code ni :

.header {

          ATAU!

#header {

okay lepas tuh, korang copy code and paste code bawah ni di bawah anak2 code header { tadi.
I mean, sampai korang nampak } bawah header tadi.

.header:hover {

padding-left:160px; 

-webkit-transition: .8s; 

-webkit-transform: rotate(6deg); 

opacity:.01; 

}

 ATAU!

#header:hover {

padding-left:160px; 

-webkit-transition: .8s; 

-webkit-transform: rotate(6deg); 

opacity:.01; 

}

Jadi, kalau yang dah ada header.hover { tuh, so korang just kena pastekan code bawah ni DIBAWAH  code HEADER.HOVER { tadi.

padding-left:160px; 

-webkit-transition: .8s; 

-webkit-transform: rotate(6deg); 

opacity:.01; 

}

♦ Dah siap paste, so SAVE! done! :)

HEADER Kebawah & Hilang
♦ DASHBOARD → DESIGN → Edit HTML
♦ tekan f3 , and then cari code ni :

.header

atau kalau tak jumpa, cari code ni :

#header

♦ copy code bawah ni and pastekan di bawah anak2 code tadi ( I mean u'lls cari } bawah .header@ #header, and then pastekanlah bawah } tadi.)

.header:hover{

padding-top:40px;

-webkit-transition-duration: .8s;

opacity: 0.1;

}

atau pun . . .

#header:hover{

padding-top:40px;

-webkit-transition-duration: .8s;

opacity: 0.1;

}

♦ Okay siap! :) SAVE kan ! :)