-->
! simplegedix : ) !

header hover senget


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?

suke ? ;) kalau rajin sila la like o comment :) tq

Ditaip oleh nana rosly at 7:41 PM

No comments:

Post a Comment

TETAMU SAYA



 Terjah Blog Nana !


Web Counter

  • Home
  • about me
  • tutorials

FACEBOOK

kalau suke blog nana ini sila la tekan button like di bawah :)
|
V

RECENT POST

  • buzday putri nur nadia !
  • ary jadi ku d makkah !
  • hang out !
  • bermain netball !
  • kisah sedih ! :'(
[close]