Tutorial : Floating Button

Assalamualaikum 
nak buat tuto lagih, yang ni pon direquest 
so, tau tak ape itu floating button ?
cube tengok kiri anda ,
bukan kiri sebelah anda tapi kiri blog ungu ni :P
nampak tak ade button facebook . twitter and feed tuh ?
nampak tak ? nampak tak ?


tak nampak ?
alamatnyer pendek umor :P
heh ! chill babe :DD
oke oke , hari ni nak ajar cane nak letak bende tuh .
nak tak ? suka tak ? angkat tangan cepat !! :P
ok jom mula !


1. Design > Page Elemenrt > Add a Gadget > HTML / JavaScript
2. Copy code dibawah ini 

<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/cik.ielalala' 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/bibirmerahjambu' 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>

PETUNJUK:
pink : Jangan copy bulatbulat yer . yang contoh kat atas tuh, URL cik ungu . so. tukar URL FACEBOOK and TWITTER yang korang punya yer . 


3. Dah siap edit, pastekan di dalam kotak HTML itu yer
4. Save and View :P

kalau tak paham tanya, kalau berjaya komen and like la :P