Tutorial : Floating button

Hi! Jom buat tutor floating button, ade yang tak kenal floating button? mesti ade kan?kan?kan? Kalau ade tengok gambar bawah nie :-

Credit image : faranatasya razali

DASHBOARD > DESIGN > ADD GADGET > HTML/JAVASCRIPT > PASTEKAN CODE DIBAWAH DALAM KODAK HTML/JAVASCRIPT

 <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='link facebook' 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='link twitter' 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='link blog' 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>

Lepas copy, jom selesaikan tekateki ni pulak~

WARNA KUNING - KORANG TAK PERLU KOT NAK TUKAR, SBB TU ICON BUTTON TWITTER,FACEBOOK DAN BLOG.
WARNA PINK - KORANG LETAK LINK TWITTER,LINKBLOG,LINKFACEBOOK

Okay ? dah! time to save :)

FREEBIES ICON FLOATING BUTTON