Tutorial : Floating button webs

Haaaaaiii .. ! 
Hari ini aku pengen ajarin kalian gimana sii caranya  memasang button di dekat sidebar blog ..
untuk buatnya simple aja!  dan tutor ini untuk template designer sajooo haha .. 
apa itu floating button coba lihat di bawah ini !

1. log in > Dasboard > Design > Add gadged > HTML / Java Script

2. Copy code dibawah ni dan paste di ruang 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='Your Facebook URL' 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='Your Twitter URL' 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='Your Blog URL' 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. Ooops .. Belum selesai sampai disitu aja lho ! 

* yang tulisan berwarna merah hati : itu kalian ganti dengan URL kalian 

* yang warna kuning : boleh di tukar mengikuti kesesuaian blog kalian dan left dapat di ganti menjadi right  

* Dan yang Hijau : Kalo kalian pengen ganti tinggal  tukarkan aja linknya.