Tombol share melayang pada blogger

Huft... Setelah pusing rasanya otak-atik templete Blog ini, akhirnya saya mulai menulis artikel dari awal lagi. Tapi tidak mengapa, yang penting ada kepuasan batin. Ini coretan pertama di templete baru. Kali ini saya akan membahas bagaimana cara membuat menu share untuk Facebook, Twitter, Google dan Stumble pada blogspot yang bisa melayang.  

Langkahnya adalah sebagai berikut :

1. Login ke blogspot sobat
2. Pilih menu Rancangan
3. Klik  Tambah Gadget, terserah pilih peletakkan yang mana saja
4. Pilih HTML/Javascript kemudian copy dan pastekan kode dibawah ini :

<style> #pageshare {position:fixed; bottom:200px; margin-left:-800px; float:left; background-color:#ffffff;padding:0 0 2px 0;z-index:10;border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:70px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:8px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id="pageshare" title="Floating Share Button by Pradisz Wardhana"> <div class="sbutton" id="fb"> <a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script></div> <div class="sbutton" id="rt"> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'></script></div> <div class="sbutton" id="gplusone"> <g:plusone size="tall"></g:plusone></div></div>

Untuk kode bottom:200px adalah ukuran letak dari bawah sesuai templete blog sobat, angka 200px dapat dirubah sesuai keinginan sobat dan templete sobat. Sedangkan margin-left:-800px adalah ukuran letak dari kiri, sedangkan angka -800px dapat dirubah sesuai templete dan keinginan sobat. Dan kode #ffffff adalah kode warna yang dapat sobat rubah warnanya sesuai keinginan sobat.  

Jika mengalami kegagalan atau kurang mengerti silahkan berkomentar. Selamat mencoba, semoga berhasil.