Cara Membuat Button/Tombol Share di Samping Blog

Hallo sob, kali ini Romes mau share tentang Cara membuat Share button di samping blog ya seperti di blog bangtegar.com ini dia ada di samping blog silahkan di tengok ke samping kanan heheh

biar lebih enak readmore dulu ye..

Media Social adalah salah satu cara yang sangat ampuh untuk mempromosikan blog , salah satu cara memanfaatkannya adalah Sharing button nah sharing button yang saya share kali ini adalah sharing button yang melayang ada di samping blog jadinya lebih bagus donk , kenapa?

- Gak Makan Space di blog sama sekali

- Lebih menarik perhatian pengunjung

- Sering di lihat oleh pengunjung karena letaknya di samping blog

Cara bikinnya nih gampang aja

Tinggal ke Rancangan --> Tambah Gadget/add gadget --> HTML/Java Script

Masukan dan copy kode berikut

<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>

Kalau sudah Simpan

Warna Merah bisa di ganti left ( kiri )atau right ( kanan ) untuk letak widget

Atau biar lebih efisien code tersebut bisa di letakan di gadget html yang sudah ada di blog anda , widget tersebut tidak akan mempengaruhi widget html tempat dia di letakan