Tutorial : Floating Button + Blog

Hye...ari nie mirul rase sihat sikit...yeaaa..dh boleh update entry ^.^....ok ari nie mirul nk mengsekemakan die..hahah..(ayat pe ntah)...ok kite start ek..cam ne nk wat floating button cam kat bawah nie...

ok first korang Log in blog => Design => Page Elements => Add A Gadget => HTML/Javascript.

pas 2 copy code yang mirul nak bg nie  pas 2 korang tukar dgn URl korang...korang jugak boleh tkar icon korang sendiri...

ok nie code die..

<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><br /> <br /> <div style='display:scroll; position:fixed; top:240px; right:-12px;'><br /> <a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-F0WMds7ieISN9CIiWlrciEx33EDDhqDaNONxhc3Mtuirf7EECyLpb5IekfLoNd7V0R1IXrjlfGtQ2kXQ0vTBF89zSCqxnYGykRtSUyLp4mPM2IPaCfUjM7s2t72kvJHqAw1pjdjhL3jR/s320/icongb.PNG" /></a><br /> <br /> <br /> <a class='linkopacity' href='http://facebook.com/akaun facebook korang/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Hb6fz2pElBvus87Ps6wrw7MJD7Zo6GnU7HfEdokkaLf3IbGQTn51k7BD8wanjClhRwitSINJ9t7A07uZlc1avcFVYr_dc9VyP0fe35Vr4WIo43V7kNjgLZpRPmHgEAew03TBIleFDCyV/s320/facebook.png" /></a><br /> <br /> <br /> <a class='linkopacity' href='http://twitter.com/akaun twitter korang/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgpE9olHzuG_5lQO3kLRceTuxt8MKW3sjS5YTvyYjpceKBO1mU6HgJoRgx2jsJ5yFet3igmKz2KnVNjqIPi5RMvzDEbE-9BNq_aBFo9fVBNg18M7WUWvl8AcQV-0OWr1TnBmXkjR3CcCAZ/s320/twitter.png" /></a><br /> <br /> <br /> <a class='linkopacity' href='http://urlkorang.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhswXvUn_JujBr_hHSCje_edr372OgJ7Af2FEI5_QZYEANzxuWUx_HJO-okJiSfAsQPxlL2leK86e5JdLjwFwjaDpTNLCNvmTdun9hEL3nQELXDJTy_5_BrpkmbgR6eea_OVcEKNTydiAF8/s320/feedblogger.png" /></a><br /> <br /> <br /> <a class='linkopacity' href='http://feedburner.com/akaun feedburner korang/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feedburner'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjVj3WJb4RcU83rO2LXCeItNUPyFbKUALMta0bNkO7nFCu8TkYATmOMsSWSw3YG9AYt-GVluLeQQqjmWsyr7SZOovcon9ND5yeXgoeCdVFqJMGnUIyBJtO13U4qhECT7mGcxCbCw69anOb/s320/feedburner.png" /></a><br /> <br /> <br /> <a class='linkopacity' href='http://youtube.com/akaun youtube korang/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVv5CVouxK3ABmGuyEysqGHu7drCxW7L98o4xU-rWYrg3oalhWti6se9MErxuvmRtShTUnJUjWBegKuB8ArwD_T6p2xbM7ZP9Za7B_KXAPA7PfPC67YgyvyKg5At_H3uCzgq89KZhG4Ilb/s320/youtube.png" /></a><br /> <br /> <br /> <a class='linkopacity' href='http://flickr.com/akaun flickr korang/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE6YdshEEaVi0MvMM3Km7Pk1dKpXIB9vgFL6v1TCLBs4d9i-da3Q4YCtOGY_rn0_ld3ZCdW-6o4FCsmde3eYnSwzgwWPWWQdKZYDuKm827Bx8chjhA4oSdoOjJmYcCGtZJvuCZSrsb5e_e/s320/flickr.png" /></a><br /> <br /> <br /> </div>


lepas siap edit pase kat HTML/Javascript..pas 2 save...orait..jd x?
nak cari button clik je sini 

p/s : trima kasih solehah sbb jage blog nie :)