Cara Membuat Widget Share Di Samping Blog

Cara Membuat Widget Share Di Samping Blog, Terkadang ketika kita ingin menaikan trafik kita akan mengshare wbsite kita atau artikel kita, akan tetapi tombol di bawah postingan kurang menarik bagi pengunjung mengshare wabsitekita. sekarang saya akan menjelaskan bagaimana membuat icon share melayang di samping website.

1. Masuklah terlebih dahulu ke Blog anda
2. Pilih Tata Letak/Rancangan
3. Tambah widget baru yaitu HTML/Javascript.
4. Masukan script berikut ini :

<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>
<a href="http://www.putrawirawanblog.blogspot.com"> Putra Wirawan</div>