Hover Header

Hye world ! Sebab dah lama jugak tak update blog gara-gara contest punya pasal. Hari Fyqa bagi tutorial hover header . Tekan header , dia ke tepi dan lesap. Hahah , cm best kan ? jum start :)

1. Dashboard > Design > Edit html > Expand Widget .

2. Ctrl+f, cari kod nih #header {

3. Copy kod dekat bawah nih bawah kod kecil-2 yang dibawah #header {

#header:hover{

padding-left: 65px;

filter: alpha(opacity=0);

opacity: .0;

-webkit-transition-duration: 1.0s;

}

4. Kalau tak paham tengok contoh kod Fyqa .

#header {

 width: 761px;

margin: 0 auto;

background-color: transparent;

border: 0px solid transparent;

color: transparent;

padding: 0;

font: normal normal 210% Verdana, Arial, Sans-serif;;}

#header:hover{

padding-left: 65px;

filter: alpha(opacity=0);

opacity: .0;

-webkit-transition-duration: 1.0s;

} 

5. Save :)

 May Allah bless us (: