Sunday 12 July 2015

Tutorial : Header Hover 1


Okay header hover ni simple je.. Takda example la sebab Nua tak pernah pakai. hehe. Header hover ni bila tekan dia gerak ke kiri/kanan. sangat simple. So cara dia :

Template Designer Blog

1) Template > Edit HTML > Proceed.
2) Tekan CTRL+F/F3, search code ni :
h1.title {
3) Kalau takda code ni.. cari code ni ya
#header h1 { 
4) Copy code dibawah lepastu paste Atas code yang korang cari tadi .
#header:hover {
padding-right50px;
-webkit-transition-duration: 0.5s;
}
5) Preview dulu.. Kalau takda error baru save.

NOTES

Red : Korang boleh ubah nak ke left/right
Green : Korang boleh tukar berapa2 yang korang nak. 10, 20 +++++
Blue : Kalau nak lambat, boleh tukar 1, 2 ke berapa byk korg nak.

Kalau ramai tak jumpa code.. Search code ni :

#header {
or
/* Header
And then korang paste code yang tadi tu di bawah code yang korg cari.

Kalau tak boleh jugak, FOR SIMPLE TEMPLATE/TEMPLATE DESIGNER, try cari kod ni :
/* Content 
And paste kod yang Nua bagi tu di atas code yg korg cari.
Tu je ^-^
Goodluck!!!