# Tutorial - Floating Button Tepi Blog !

Haa  bgi blogger2 yg mempunyai link lain sperti Facebook,Twitter or blog..haa amat bgus sekiranya korang mggunakan floating button nih..senang kit playar blog korang ke network korang..ecece~

haaa mcam2 ada..pilih saje :D 

haa comel2 kan !! :D 

1- Dashboard > Design > Page Element > Add Gadget > Html/Javascript

2- copy paste code di bawah nie (haa..lupe plak...code ni untuk floating button yg no tiga di atas..haa~ )

<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='URL FACEBOOK ANDA' 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='URL TWITTER ANDA' 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='URL BLOG ANDA' 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- so yg bertulisan oren tu merupakan URL fb,twitter dan jge blog korang..~ manakala yg bertulisan pink tu ialah url button yg korang nak...

4- save dan lihatlah hasilnye ! :)