tutorial : floating button!

hai assalamualaikum, my second entry for today, pun pasal tutorial.. okay, tutorial ni pon, mie dpat dari blog lyssa. tutorial floating button. okay? nak tau apa tu floating button ?
       
                                                          

1) log in > dashboard > design > add gadget > Html/java script.

2)copy code di bawah ni, dan paste di ruang Html/java script :
                 
 <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>

3) okay, tulisan warna pink tu. tukar kepada link korang.
4) next, yang colour kuning tu, kalau korang nak tukar left ke right pon boleh. :)
5) yang warna biru tu, kalau nak tukar pon boleh, kalau nak stay pon boleh. :) ikut kesukaan anda. :)

   *DONE* for more tutorial sila ke blog lyssa faizureen-http://www.lyssasecret.com/p/tutorial.html :)

---

thanks kerana membaca entry ni, thanks readers! :)

---