|
My words!
Hai. I Ieqashafiqa.
Want to know about me?
Feel free to follow me.
If you gonna search something, in below box!
♥ >> convocation countdown
date : NOW
at:00:00am
♥ >> Bachelor of Engineering (Hons) Chemical
date : 06/09/2014
at:08:30am
♥ >> officially finish my diploma
date : 09/05/2014
at: 09:00am
♥ >> prince proposed
date: 20/10/2012
at: 12:00am
Followers
Blog Archive
tengah skodeng
Contact Me
 : Shafiqa'aziyatul Azie
 : @ieqashafiqa
 :ieqashafiqa
 : My Blog
Tabung Masa Hadapan
|
List with special hover
Hai blogger sekalian, tutorial kedua ieqa hari nie. List with special hoever. Khas untuk All template EXCEPT Classic template/blogskin.
1. copy code kat bawah nie
<style>
a.baeky{
background:url(URLICON);
background-repeat:no-repeat;
background-size:15px;
padding-left:20px;
color:#000;
margin-bottom:2px;
font:11px verdana;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
color:#000;
display:block;
}
a.baeky:hover{
background:url(URLICON);
background-repeat:no-repeat;
background-size:14px;
}
</style>
<a class="baeky" href="LINK" >AYAT</a><br>
<a class="baeky" href="LINK" >AYAT</a><br>
<a class="baeky" href="LINK" >AYAT</a><br>
<a class="baeky" href="LINK" >AYAT</a><br>
2. Paste kat mana korang nak la.
3. Preview & save.
Pink: URL icon sebelum hover
Biru: URL icon selepas hover
Oren: ayat korang
Hijau: Link
Kalau xpaham, leave a comment ok :) selamat mencuba :)
|
Post a Comment
Asslamualaikum~
thanks for the comments. no harsh word ok. :)