Pasang Widget Share Fb & Twitter Melayang

Jika pada postingan sebelumnya saya sudah memberitahu cara memasang widget like button fb & twitter pada postingan, kali ini saya akan memberi tutorial cara memasang widget fb & twitter melayang disebelah kiri tampilan blog sobat. Dengan memasang widget ini, diharapkan para pengunjung blog sobat dapat berbagi berita postingan dari blog sobat ke teman-temannya difacebook dan twitter. Dan juga untuk mengetahui seberapa menarik postingan sobat dengan melihat jumlah like pada setiap postingan diblog sobat. Beriktu cara memasangnya!

Berikut Caranya:

Ø Login ke blog sobat, dan masuk ke menu "Rancangan" --> "Tambah Gadget" --> "HTML/JavaScript", kemudian copy-pastekan kode berikut pada kolom konten. Jangan diberi nama pada kolom judul.

<style type="text/css"> *{margin:0;padding:0;} * html #z33sHare{ position: absolute; } #z33sHare{ left:6%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px; position:fixed; bottom: 20%; } #z33sHare div{ padding:6px 6px 6px 5px; } #stw{ margin-left:-2px; } #sfs{ margin-left:-5px; } </style> <div id="z33sHare"> <div id="ssl-box"> <div id="stw"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </div> <div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> </div> <div> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script> <a class="DiggThisButton DiggMedium"></a> </div> </div> <div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>

ØKemudian klik tombol "Simpan"

Ø Lihatlah blog sobat. Selesai.