Saturday 1 December 2012

Tutorial : Floating button

Tutorial ni Cik Aisyah yang tanya . Tak tahu lah betul ke tak ye Cik Aisyah . 

Oke , tahu tak Floating button tuh yg mana ? Yang ni :


Okayh nak jugak ? Ikut step di bawah ni yea :)

Log in > Dashboard > Design > Add a gadget > Html / Javascript 

Copy code kat bawah ni yea .


<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='http://www.facebook.com/LyssaDollixious' 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='http://twitter.com/LyssaDolly' 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://lyssadollixiouse.blogspot.com/' 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>


Ehh . Belum siap lagi yee .


Nota Kaki :


Pink :  Tukar dengan link FB korang , Twitter & Blog .

Biru : Kalau nak kekalkan boleh , Kalau nak buat sendiri pon boleh .Kalau nak tukar , Just tukar je link tu .
Merah : Boleh ikut saiz ape yang korang nak . Yang left tuh korang boleh tukarkan jadi right kalau nak sebelah kanan .



Okayh . Dah siap . Boleh Save !



Credit : Kak Lyssa