Sunday 12 July 2015

Tutorial : Header Hover 2 ( Rotate 360 )


Helooooo harini Nua buat tuto header hover 2. Yang ni bila cursor korang halakan dekat header, header korang nnti rotate 360 darjah. Jangan pening nnti. hahaha. Memang gempak tau. Kalau nak tgk header hover lain, korg boleh refer header hover 1 

TEMPLATE DESIGNER BLOG

1) Template > Edit HTML > Proceed.
2) Tekan CTRL+F/F3, search code ni :
h1.title {
or
#header h1 {
3) Then copy code bawah ni and paste di Atas code yang korg cari
#header:hover{-webkit-transition-duration: 1s;-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
4) Preview dulu tau. Dah jadi baru la save.

NOTES
Green : Kalau nak lambatkan, korg boleh tukar ke angka berapa2 yang korg nak.

Kalau sapa yang tak jumpa code code di atas tu. Boleh try search code ni :
#header {
or
/* Header
Then korg paste dekat bawah code yang Nua bagi tadi.

FOR SIMPLE TEMPLATE/TEMPLATE DESIGNER yang tak jumpa code, boleh search code ni :
/* Content 
dan paste code yang Nua bagi mula2 tadi tu di Atas code yg korg cari.

goodluck!! :D