Cara Memasang Tombol Share Melayang

Sebagai pemilik blog kamu pasti menjadi suatu kebanggaan jika artikel di blogmu itu di-share oleh pengunjung blogmu kepada teman-teman mereka (saya percaya pengunjung blogmu pasti banyak, he). Selain membantu pengunjung kita untuk menunjukkan jiwa sosial mereka dengan berbagi hal yang sangat penting untuk dia dan temannya juga secara tidak langsung bisa membantu kamu untuk mempromosikan blogmu. Kamu dapat pahala karena berbagi artikel yang menarik pengujung blogmu juga dapat pahala karena berbagi ke teman-temannya. Sama-sama untung 'kan? :D

Nah, oleh karena itu saya juga ingin berbagi dengan kamu cara membuat/memasang Tombol Share semacam Twitter, Facebook atau Digg di blogmu (itung-itung dapat pahala, he). Seperti gambar diatas, gambar tersebut saya ambil dari blog saya yang lainnya. Lanjut, dibawah ini saya akan jelaskan langkah langkah untuk memasangnya.

Cara Memasang Tombol Share Melayang untuk Blogger

Untuk memasang tombol Share tersebut kamu harus masuk ke akun blogmu terlebih dahulu. Kemudian langsung ke Dashboard > Tataletak (Layout) > Tambah Gadget (Add Gadget) > HTML/Java Script selanjutnya kamu copy script dibawah ini :

Kode Script-nya:

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

* html #thewahyuShare{
position:  absolute;
}

#thewahyuShare{
left:6%;width:  70px;background:transparant;border:0px solid  #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
bottom:  20%;
}

#thewahyuShare div{
padding:6px 6px 6px 5px;
}

#stw{
margin-left:-2px;
}

#sfs{
margin-left:-5px;
}

</style>
<div  id="thewahyuShare">
<div id="ssl-box">
<div id="stw">
<a  hre="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>

Selanjutnya "Save" Gadget tersebut. Bukalah blogmu maka akan muncul Tombol Share tersebut di sebelah kiri tampilan blog kamu. Bagi kamu yang sudah Expert silakan dipermak sesuai seleramu.

Selamat mencoba :)