TUTORIAL HEADER HOVER

header hover, maksud nya header berubah bila cursor dihalakan pada header, kat sini aku sediakan berbagai header hover, ade yang hilang, ada yang berpusing, tertonggang terbalik bagai

 pergi pada Dashboard -> Design -> Edit HTML

 tick expend widget , tekan CTRL+F dan cari kod kod :

h1.title {

ATAU 

#header h1 { 

 copy dan pastekan kod kat bawah ni, SEBELUM  kod h1.title { atau #header h1 {

HOVER BERPUSING

#header:hover{
-webkit-transition-duration: 2s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

BERPUSING DAN HILANG

.header:hover {
padding-left:160px;
-webkit-transition: 2s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}

KE KIRI DAN KE KANAN

#header:hover {
padding-right: 50px;
-webkit-transition-duration: 0.5s;
}

HILANG BILA DI SENTUH

#header:hover {
padding-left:160px;
-webkit-transition: 2.5s;
-webkit-transform: rotate(6deg);
opacity:.01;
}

pilih yang mane suke. hu. dan boleh save dengan suka hati. comment