Cara Membuat Widget Share Melayang di Blog

Syalom..., Jumpa lagi dengan RE,  sahabat RE sekalian Kali ini saya akan menjelaskan bagaimana membuat widget share melayang. Fungsinya yaitu untuk memudahkan pengujung blog kita menshare artikel yang ia minati melalui menu2 yang kita pasang dalam widget share..

widget ini juga membuat traffik rank dalam suatu blog naik,, karena yang melihat artikel kita nantinya bukan dari google atau facebook saja, melainkan mereka yg memliki account buzz dan twitter .


Oke gk usah banyak bicara untuk pembuatannya ikuti langkah-langkah di bawah ini :

1. Buka acount blogger masing2
2. Pilih Rancangan
2. Pilih Elemen Halaman3. Klik Tambah Gadget4. Pilih HTML/Javascript
5. Silahkan Copy script di bawah ini dan Paste ke dalam konten HTML/Javascript 

<style type="text/css">
*{margin:0;padding:0;}

* html #z33sHare{
position: absolute;
}

#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 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>

6. Jangan Lupa Simpan/Save jika sudah selesai.

Selamat mencoba...., GBU