Cara pasang floating button di sisi blog .. ツ

Step 1

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

Step 2

copy html code kat bawah nie .. pastu paste ja .. hurm .. senang kan .. ok .. peringatan .. yang mana ak dh bold tue .. korang tkaq link diew .. dengan link korang la .. example .. facebook .. masukan link facebook anda .

<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:240px; right:-12px;'>
<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/AVvXsEjOgqVsUo1esLeApgIXNdLHG5cNvdcJgrmCoNMuaoE5zlHJ5NrIPukbrwJgN-EmqmT4OQzhFkFboH_dFT7YWXptFhyphenhyphenqF59hJS5KPqqs5dmrKTuXYxSaUou4ouQDFkymEjuxEdj4zQyfHCnx/s320/icongb.PNG" /></a><br /><a class='linkopacity' href='http://facebook.com/akaun facebook anda/' 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/AVvXsEheP1yHuzurwtAoPnnW5SqMWjqaLbUnlGcrEGsmgzi20zDooilqsWNzA7t6EGK7b8jXGNwXvJhn7OZWQqT-6sFITj3M1r0rA2HIZ7SzP3kg3PSRkQlNCjlP3kXv0SVrTHhYSSgy6KNeQDdc/s320/facebook.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/akaun twitter anda/' 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/AVvXsEi96psrQ36fITPxHwaSVvyif9g2GEgi9iWRVEamaKiZL80-3-7Xr3PCYjAcqydEEz7RrcVdLFZPmyILnM6DmvNYT1s1Rj8lgWPQGyJBJd5ZdYFyCay9JT4PJO1YGzKdCx8oGQcl2k9zmxmm/s320/twitter.png" /></a><br />
<a class='linkopacity' href='http://berbicaradenganhati.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/AVvXsEjM0q_1Kx3ZUEeGPiobbl4kM55FPj6mgprWA_QvPos4HrYKOhjxE86qnnSk_Qgbmia9tK1hz864ApfB6BxA6zCMtUsXQo-sHubuiGtjGOryKPzzpPGmRvsmGrp0vZUkUIKpSshgjMjCsJF9/s320/feedblogger.png" /></a><br />
<a class='linkopacity' href='http://feedburner.com/akaun feedburner anda/' 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/AVvXsEj8HmJEUeOfs_oxfqp44gcf0fhMDzpTl3g0LsuXQGmc6Y8Y1QnCSLWX-Pd7Yu98KvhfN41Rp6FDzWMQleEj35v2RvfY38DVlUxAm5xdkd8RX6WNz8Hmo3QBvFnFELOMfz_IRvX3Us6eNg2a/s320/feedburner.png" /></a><br />
<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' 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/AVvXsEjUIpepKXmF_vSgGaA6ktVu7NYLYjwkFQMVjHmWJ9gsIYjDEn8gLrzovlvOgjTr-JrAuhEuV6DtBetuDskmYARCtTJpheEHonpdtty3GHYGMZWuapwXqsJVMWU1fIP_7IgSQtuYmedBfO33/s320/youtube.png" /></a><br />
<a class='linkopacity' href='http://flickr.com/akaun flickr anda/' 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/AVvXsEig2iL2sYhXeW_wTXRrNcxjjv-rFOGGKxjVvAhzbYSAWBCNnfNUXMLu_iJXMwQxHL-RwOOyYfaUS4U-KdQINSbWyaHhd0B6lyzFKqICnaj9HZ0nG3w7FNE1xlMkX2UoU-ZX1uR_UJXlVnEU/s320/flickr.png" /></a><br />
</div>

bila dah paste to preview ..

Akhir sekali, klik Save.

p/s : korang leh ubah icon tue .. then link tue ubah la ikowt icon korang nak tue .. hhuhu .. try la noh ..