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
Salin dan edit kod berwarna biru di bawah dengan menggantikan URL akaun anda pada kod yang di bold. 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://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/AVvXsEjYvbUBeNvfknLAEwtU4Puhticv8YbV278_Rp2JEB_hW_2J08P4XJ6s6L7cZSeg9ykpT3672gsxFOp5PRg9b0Fr1Z9NkuZsavZKaDzGi7qkVA9L7YtdUlFgCuyxidq0lrSy8hcnJ6TJVCus/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/AVvXsEgwuLYKdnPgDN34RBi4EOGql8o0rDRYUhFtEi8fbSvm5uEMyQtneniOOuVoc5Vwg5KMWzMre3cwg7cezwZ8gh61tClGYrZaxr8x1wNMqlnkVYPnbLazgCwRx5PWYg9hN-RkUiA2vG_69zBM/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/AVvXsEhp8Np9tmaAvcGw4WJKUUbZHnH9B_8cxYkOBtHj1vrgNup0x03sSv2RmWgTVG18eHOMjUctbCtQPKiKKKUwUQoTq5phZi19V_R3buqQw29-lK_NzIC2H1T-GX1MuZZyvrVC6oIqkP8lNOPV/s320/twitter.png" /></a><br />
<a class='linkopacity' href='http://maribinablog.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/AVvXsEiRdM2k22T7CntdPPTcAudSt6hD1DITccgmwTWLRoIlPZT6Hv9HfDEa7vEn5Ghn0EB_fRRtNVq55XSwEAr_gh3WHWU4ZQZ24iQ2lpHlbwXK6_RhYzDvWJP6y5MUjM0u-Nx6G634XbpE-IDR/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/AVvXsEiEYx0-Vd-HSxgf3-L9XpnGp2Npe8bpXKHUXe3AzI51WEDle0uWr3YyixX_fOGLq3uCtZGFmvDs1yC_VyzqnUXXybycxUbSp7pL_iuBW2wpx6akbyIwYp8PFlv62NsiHOsJnNiOKAd3TIBT/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/AVvXsEhXWLr_D5RX550gsrfV0CDASEZ9Qh3gDk7NXKtUkI9z686rJtNQfHK-O7-CYtFJC2VEk5Pqz78y7OKUZ3bec-iDvqxHl7G3C6kymKZGHQt3BJemcEeqhog4afDvEeyPin4Ek5CCvI3elqBH/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/AVvXsEjjSX9hJnH5GeBk5cppJynOoAvdDC8InY4QAzq4l6jmEgz9jAbAaZ2Hcgxx7VhpIFhdePSlHSThtSYEfpSzMAbI_WX1QQSiUcYbsqE4qzl-zYkmF5A3Pm3YhhDOYg7ONuuiqYIjMEbOc_AT/s320/flickr.png" /></a><br />
</div>
Seterusnya, paste kod yang telah siap di edit pada ruang Content HTML/Javascript.
Akhir sekali, klik Save.
Anda boleh mencari icon di http://www.iconspedia.com