tutorial Membuat Floating Button

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZiCofZqki3VQoytsrd3jKVieb7Xmy_KEPUkw1UjQYcGombvwCgj0Bppnewx0pFFK5enfE9lw6uhrFFZjTJDKK5HSQR4RqHuIrfbl_AaKW1mMzVPK72MqPMfqJh-MX7Qc8uEaW5cnOy1E/s1600/facebook1.png" /></a><br />
<a class='linkopacity' href='htttp://twiter.com/' 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/AVvXsEhGrtyxZQtucQdFkY4eCjOcgGMu2YmQk6H5uaxQqv88LpmnEfZWfsfD5sQbVAR3z3vk-UgD_mUpFLfN9dAsZ1kduMpnSLXSZZRAWbGOldg6PlCvX6cxWahKvqptqVk5kNDpXdYMKYqk0rY/s1600/twett.png" /></a><br />
<a class='linkopacity' href='http://awinraof.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg27ca_jIGbSuTCdtkPddOinD8XcRQNW8sNWsLPTt8LlGTyyKu0MjllTXbIl9JuuzZfiMjFga44M2mn5kpukvpiDSopDNU6Lt2PAYa0p58g6El2V4kpUtnIGgSmaM5ffDGnt1ndlcx8AZU/s1600/blogger_64x64.png" /></a><br />
</div>

copy dan paste kat html/javascript


creadit:farah