Status
Come and follow my blog. thank you for your supports. :) now i'm officially graduated from UITM. Alhamdulillah :)



Ieqashafiqa

Shoutbox










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
Thursday 15 May 2014 | 0 Diamond[s]



Hai blogger sekalian, tutorial kedua ieqa hari nie. List with special hoever. Khas untuk All template EXCEPT Classic template/blogskin.


CONTOH:


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. :)


Newer Post
Older Post