Header Hover 1 (Header Bergerak Ke Tepi On Mouse Hover)

Sesiapa yang suka tengok header diorang main buaian, anda dinasihatkan guna tutorial ini. Hehehe.. Dengan kepala anda sekali begoyang-goyang :D

1) Dashboard > Design > Edit Html > Tick 'Expand Widgets'

2) Tekan Ctrl dan F, carik kod ni:

#header{

3) Pastekan kod ni kat bawah kod tadi:

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

4) Save Template! Senang je kan. Kalau tak jadi.. Err.. Buat-buat jadi lah! :D