Tutorial: Cara Membuat Floating Button(UPDATED!!!!)

Siapa di sini tau floating button atu apa? Anu, cuba liat sebalah kiri atue apa? Button fb, twitter n blogger. ATU tah floating button! okae, tutorial ani banar2 beguna and the first HTML/Javascript yg berjaya ku buat. ^_^

courtesy to mommypinky

Ok, bah, usul floating button ialah:

Kiut kan? Ringan lagi tue......ok, cara2 kan mbuat floating button:

Pigi Dashboard/Design/Page Elements/Add A Gadget/ HTML/Javascript

Lapas atue copy kod di bawah ani:

<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/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img860.imageshack.us/img860/5255/facebook1.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/miss_cendol' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img34.imageshack.us/img34/7114/followmeontwitter.png" /></a><br />
<a class='linkopacity' href='http://nabilahkhan.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img156.imageshack.us/img156/2061/subscribeq.png" /></a><br />

</div>

edit saja bahagian profile2 atu ah........kalo sudah puas ati, klik Preview. Kalo nada mesej error, Save.

*Mungkin nda dapat arah template Blogger.