« »
i ii iii iv v vi


Tutorial : Link hover [Blogskin]
 

 

Ni tuto untuk sapa-2 yang nak link hover dia ade gambar bergerak tapi untuk classic template / blogskins je la .. Cuba test link kat bawah ni 

FBie 

Ade keluar mcm gambar bergerak kan ? Okey . Saya akan mulakan tuto ni :)

1; Dashboard > Template > Edit HTML 
2; Cari a:link , a:hover , *janji ade link dengan hover *
3; Copy kod kat bawah ni :
 

a{
text-decoration:none ;
color:#aaa ;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }

a:hover{
color:#fff ;
background:url(URL BACKGROUND);
background-position:50% 80%;
background-size:400px;
}


4; Tukarkan dengan a:link / a:hover korang .
5;Save & Preview :)

Merah : url background gambar 


May 26, 2013







Intro


おはようございます!
Introvert but quite adventurous.
I seldom write in here.
Writes in malay and english.
Blogging since 2012.



archive



chatting




hashtag


credit


originally by ayuni. edited by ziczaq