Tutorial Header Bergerak Ke Tepi

hey nina nak buat tutorial.tutorial ni atas permintaan kakni tanya dekat shoutmix nina.dia nak header bergerak ke tepi tu.korang nak jugaboleh..jom kita ikut step ni.

untuk pengguna TEMPLATE LAIN

dashboarddesignedit HTMLexpand widget templates

tekan CTRL+F untuk cari code ini :

/* Header

jumpalepas itu korang akan nampak code #header:hover {

kalau tiada korang tambah jela..

pastekan code dibawah ni di bawah code tadi, #header:hover {

so dia kan jadi seperti ini :

#header:hover {

padding-left: 30px;

-webkit-transition-duration: 5s;

}

preview dulu dan save

untuk pengguna CLASSIC TEMPLATE/BLOGSKIN

CARA 1

1. dashboard --> template--> edit HTML

2. tekan CTRL+F untuk search code .Header {

3. jumpa?lepas itu korang akan jumpa code macam ni kan

.Header {
margin-top:10px;
margin-left:0px;
-webkit-transition:2s
}
.Header:hover {
padding-left: 30px;
-webkit-transition-duration: 5s;
}

4. tambah je yang warna purple tu ye..

5. preview & save!

CARA 2

1. dashboard --> template--> edit HTML

2. tekan CTRL+F untuk search code </style>

3. copy code di bawah dan pastekan ATAS code </style>

Header {
margin-top:10px;
margin-left:0px;
-webkit-transition:2s
}
.Header:hover {
padding-left: 30px;
-webkit-transition-duration: 5s;
}

4. eh belum siap lagi. lepas tu, copy code di bawah dan pastekan dekat BAWAH code </style> pula

<img class="header" src="URL Header"/>

warna biru masukkan URL header anda ok?

5. preview & save!

ini adalah tutorial nina sendiri. so pandai pandailah credit nina ye. tq :)