Tutorial - Link Hover

Ary ni rajin nk buat tutorial sbb simple compared to cerpen y kena perah otak...mood pn xd g...hahaha...btw aq wt tutor sbb my fwen y tnye...spe lg lw bukan Cik Fatin...just explain briefly...link hover ni bila korg letak cursor kt mne2 link y ader dlm blog aq or try letak cursor kt header aq...msti korg nmpk ader butterfly blink2 lg kn2? hahaha...so ary ni nk ajr la (even tutor ni dah rmai y tau)..p aq nk guk letak...ahaakkk...


korg g kt Dashboard > Design > Edit html...then cari kod nie (nk senang tekan Ctrl + f) then cri kod kt bwh nie k...

a:hover {
da jmpe kn kod kt ats 2? pas 2 korg copy n paste kod kt bawah nie d bwh a:hover {

color:#FF6699; background:url(YOUR LINK HOVER CODE) ;background-repeat: repeat;
text-decoration:none;
}
then, korg carilah kod y korg nk n gntikn kt YOUR LINK HOVER CODE tue... lw nk senang korg blh g kt website nie Link Hover yg Cute2


pas 2 korg cr animated icon or search je kt search box 2...bl da jmpe y korg nk korg click picture 2 untuk amik kod dy...cth lw korg nk butterfly cm aq korg click kt butterfly 2 n amik kod cm kt bwh nie





copy kod y aq x highlight ngn color pink 2 tw...p kod kt ats ni untk animated butterfly...so lw korg x suke korg cr y len tw...korg blh guk cr kt photobucket...ikut suke la y mne senang er...

bl da copy n paste kt YOUR LINK HOVER CODE, then korg preview dlu bwu save...jd x? Lw x jd rajin2 tw tnye aq...


cm biasa tutor nie aq refer n credit kt Adik Eyra dan Cik Anis . Al-maklumlah aq nie mne pndai nk wt suma ni sendiri..huhuhu. SELAMAT MENCUBA!!!

4 comments

Back to Top