Tutorial : Cara pasang Floating Button di sisi blog

Untuk memasang Floating button di sisi blog seperti yang boleh anda lihat di sisi kanan blog ini, hanya ikut beberapa langkah yang mudah di bawah

Langkah 1

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

Langkah 2

Copy dan edit kod berwarna merah di bawah dengan menggantikan URL akaun anda .. Anda juga boleh menggantikan icon asal dengan icon anda sendiri.

<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://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/AVvXsEhMpWFjkgRuXHMAxXZrRI0tZqTv26EveU7tiaA0WKWrQTmeKV4KodxxOp3FBZizPO4jzHtYL5tbdi2DP_eXreQ_OnCDuPL8LyU4c1zHfVqHVp5QFoCgvOV9DXxdzq0NoLtYEIpHpsR65AUU/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/AVvXsEh2iBZFi3KMTOxu_CKtFa-mVoez8T9wfbdbLPGsPynEt-A-tr_U30TREUC6rDdvgrR-CRDCASyNbX5L8w79bkHKISdOVJeYzi5rL5TO4t5VicP0PaxnF5giDlumac3QEYzwVHeIjo3iM9Z4/s320/twitter.png" /></a><br />