Tombol Share Blog

Selamat malam para blogger, pada kesempatan ini saya akan berbagi ilmu tentang bagaimana membuat tombol share di blog . Lihat saja tombol share blog ini, terlihat keren kan?:D  Di situ ada tombol share Twitter, Facebook, Buzz, Digg. Walaupun Buzz sudah tidak aktif tapi ya tidak apa apalah. mau coding tapi baru kurang semangat ini. 

Langung saja dari pada basa basi, inilah cara membuat tombol share facebook, twitter, buzz, digg di blog :

1. Silahkan anda buka dulu blogger, masuk di rancangan dan edit html
2. Sebelum anda otak atik css, sebaiknya anda backup dulu biar aman
3. Cetang, Expend Widget 
4. Caro code ini <div class='post-body entry-content'> (pencarian cepat tekan ctrl+f)
5. Jika sudah ketemu, masukkan kode di bawah ini di atas kode no.4

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>

<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>

Share this history on :

</div>

<div style='float:left;padding-left:10px;'>

<a name='fb_share' type='button_count'/>

<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>

</script></div>

<div style='float:left;padding-left:10px;'>

<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>

<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>

</div>

<div style='float:left;padding-left:10px;'>

<a class='DiggThisButton DiggCompact'/>

<script type='text/javascript'>

(function() {

var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];

s.type = &#39;text/javascript&#39;;

s.async = true;

s.src = &#39;http://widgets.digg.com/buttons.js&#39;;

s1.parentNode.insertBefore(s, s1);

})();

</script>

</div>

<div style='float:left;padding-left:10px;'>

<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</div>

</b:if>

NB : perhatikan pada kode diatas, ada tulisan user name twitter, ganti dengan milik Anda

Cuma segitu saja mudah kan,....!!! Sekarang silahkan anda coba semoga berhasil.