[Tutorial] Header Hover Like Me

This tuto request from shi_a. Korang try letak cursor kat header yana. Hilangkan? Heee. Magic tak? Magic tak? XD So, meh sini yana nak ajar macam mana nak buat ^_^
1. Dashboard > Template > Edit HTML
2. Ctrl + F, search for this code : 

#header {

Kat bawah dia ada anak2 dia kan? Tapi lastly dia ada penutup dia simbol } kan?
3. Jumpa? Copy this code and paste BAWAH atau BELOW \bahasa omputihnya/ code } tadi.

#header:hover {padding-left:160px;-webkit-transition: .4s;opacity:.01;}

#yang merah tu korang boleh ubah ikut suka korang macam mana. Save! Hikhok. Tu je. Kboiii :D
##untuk pengguna blogskin :
1. Kalau korang punya header menggunakan code nie :

<center><img src="URL HEADER" /></center>

Korang tukar code tu dengan code nie :

<center><img class="header" src="URL HEADER" /></center>

2. Then, korang Ctrl + F, search for this code :

<style type="text/css">

3. Pastekan code nie, kat BAWAH code <style type="text/css"> tu :

.header {text-align: center;-webkit-transition: 1s;opacity:100;}.header:hover {padding-left:160px;-webkit-transition: .4s;opacity:.01;}

#yang purple tu letak image header korang.#yang merah boleh uabh ikut suka korang. Then save template. Siap!^^
Lots of LoveYana♥