search from Pak Cik Google :P |
Selamat pagi semua..
Nampak tak header hover seperti dalam gambar rajah di atas? Header hover part 1 kali ini berfungsi apabila cursor dihalakan, dia akan berubah menjadi senget.Comel kan? Rasanya dah ramai tahu fungsi ini, let's tutorial ;)
Firstly you all pergi ke dashboard > design > edit HTML
Then tekan ctrl+f dan F3 untuk search code ini - h1.title {
Dah jumpa? Okay good sekarang ni copy code di bawah ini dan pastekan di ATAS code tadi.Ingat paste di ATAS ok ?
#header:hover{-webkit-transition-duration: 1s;-moz-transform: rotate(4deg);-webkit-transform: rotate(4deg);}
Step berikutnya ialah preview dulu sebelum save.Kalau tak jumpa code tadi, cuba korang try search code #header { dan letakkan code yang sama di BAWAH code tadi.
Akhir sekali, save laju-laju :)
Nota kaki:
MERAH - kalau nak lajukan masanya, boleh tukar mengikut kesesuaian blog. Contoh kalau nak tukar 0.5 dan lambatkan boleh tukar ke 2 atau 3.
BIRU - Code yang diberi ialah hover headernya ke bawah.Kalau korang berminat nak buat hover header ke atas, just tukar number tulisan bewarna biru.Number boleh ditukar sesuka hati, barulah kreatif namanya ? Kan?
No comments:
Post a Comment