Floating Button

hai , kali ni nak buat tutorial floating button . apakah ? okay . korang tengok dekat belah kanan blog ifa ni . kan ada huruf F , burung biru dan padlock . haha k , itu hanya panggilan sahaja . 

huruf F - facebook
burung biru - twitter
padlock - personal blog

k , faham kan apa benda tu ? haha . okay , just ikut jelah tutorial ni :

1. Dashboard > Design > Add a Gadget > HTML/Java Script
2. Copy code di bawah ni then paste kan dekat HTML/Java Script tadi :

 <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 />
3. Hey , belum habis lagi . Perkataan yang berwarna HIJAU , tolong gantikan kepada link yang sebenar . Faham tak ? Senang cerita , tukarkan link korang punya la .

> perkataan yang warna merah , boleh gantikan left kepada right .