WELCOME THERE !! THANKS 4 VISITING !! YOU'RE NOW IN MY WORLD :) WILL HIT U BACK :D MY BLOG , MY RULES !

TUTORIAL : FLOATING BUTTON

Views

okayh, korang kalo nk buad floating button mcm kt dlm pic di ats tuh kan .. korang ikot step di bwh eyh .. floating button  neyh mksodnyer, kalo korang tekan, dye akn pegy ke link tersebut :) ada paham ..??

1. DESIGN > PAGE ELEMENTS> ADD GADGET > HTML JAVA SCRIPT

2. korang copy n paste code di bwwh neyh eyh ..


<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='URL FACEBOOK KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='URL TWITTER KORANG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http://www.blogger.com/home' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br /></div>

<a class='linkopacity' href='http://heartbeat.my/index.asp' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='heartbeat'><img border="0" src="http://i.imgur.com/Psepj.png" /></a><br /></div>
OKAYH, yg last skali neyh link utk heartbeat, kalo korang ada register tok heartbeat , korang ley letak iconnye :) frah da resize dye jadi kecik  tau

OREN : korang bley tukar ikot yg korang nak
MERAH : url link korang.. kalo korang nk tukar pon bley.. ikot la korang nak letak link ape
BIRU :  image button korang tuh.. kalo korang tanak image di ats, korang bley tukar dgan image yg korang 
              nak la eyh..  farh punye pon, frah tukar image sndiri :)

3. SIAP, SAVE.. JADI TAK ? make sure link korang tuh btol eyh.. kalo tak, t tak jdi ..

kalo korang na buad 2 button mcm frh pon boley.. 1 pon bley.. ikot suke korang la nk buad bape.. kalo yg tuto kt ats neyh, utk  3 button :)

THANKS FOR READING!

3 Comments:

Wan Mursyidah said...
This comment has been removed by the author.
Saddila said...

terima kasih farah :)

~ FaRaH izzAtY ~ said...

@Saddila

okeyh ^.^ sesame