« »
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


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


facebook twitter pinterest

archive



chatting




hashtag

tips reviews tutorial freebies family day blogskins bloggerchallenge

credit


originally by ayuni. edited by ziczaq