HOME OWNER TUTORIALS INFO & TIPS EXCHANGE CONTACT ME

Bullet Hover

Assalamualaikum & Hai !


Tutorial ini direquestkan oleh Sophia Hany :)
Actually , ni bukanlah tutorial Effa. Effa ambil dari blogger lain dan Effa tak ingat siapa, kod dia masih belum pupus dalam blog ni. So Effa buat tuto ni sebelum kod tu pupus :P
1. Dashboard - Create new post - HTML

2. Copy kod bawah :

<style>
a.baeky{
background:url(http://dl7.glitter-graphics.net/pub/2779/2779297x0wksbho09.gif);
background-repeat:no-repeat;
background-size:15px;
padding-left:20px;
color:#333333;
margin-bottom:2px;
font:11px century gothic;
-webkit-transition: all 0.0s ease;
-moz-transition: all 0.0s ease;
color:#ff99cc;
display:block;
}
a.baeky:hover{
background:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic012demoji_15496649decoojp.gif);
background-repeat:no-repeat;
background-size:15px;
}
</style>
<a class="baeky" href="http://loveletter99.blogspot.com/2012/05/sparkling-cursor.html">Sparkling Cursor</a><br />
<a class="baeky" href="http://loveletter99.blogspot.com/2012/05/cute-navigation.html">Navigation #1</a><br />
<a class="baeky" href="http://loveletter99.blogspot.com/2012/05/letak-copyright.html">Letak Copyright</a><br />
3. Paste di bahagian HTML

Merah : Bullet before hover
Biru : Saiz font
Unggu : Font
Pink : Warna link
Oren : Bullet after hover
Hijau : Link
Dark Fuchsia : Tajuk link

1 comment:

Isabel Diaz said...

Kacak eh, klk kamek molah bullet cam ya jwak.. =]