Tutorial : Floating Button

Annyeong..Hye.. Hello guys..Hari ni Zety nak buat tutorial cara nak letak Floating Button..Tak tahu apa itu floating button..Tengok gambar di bawah ni :)

1. Dashboard > Design > Add gadget > Html/Java Script
2. Copy kod di bawah 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='https://www.facebook.com/nurizzati1999?ref=tn_tnmn' 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='https://twitter.com/#!/AtiIzEty' 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://izety-ati.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. Pastekan kod di atas ni di ruang Html/Java Script
4. Ok dah siap! Senangkan? Then, preview dulu kalau jadi save terus jela :)

NOTA KAKI


~Warna PINK tu tukarkan dengan link korunk
~Warna MERAH tu tukarkan mengikut kesesuaian blog korang. Left boleh tukar menjadi Right.
~Warna BIRU tu tukarkan link/Url gambar icon yang korunk suka. Kalau tak nak tukar pown x pe.. :)