Cara Membuat Tombol Share Tombol Share Fb, Buzz, Digg, Twitter

Coba anda sejenak melihat diatas postingan blog ini, ada tombol share Tombol Share Fb, Buzz, Digg, Twitter. Seperti yang kita tau tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. ga percaya? bagaimana? tertarik gak? jika tertarik memasang tombol share Tombol Share Fb, Buzz, Digg, Twitter diatas postingan marilah kita ikuti langkahnya berikut.

• Masuk ke akun Blogger Anda;


• Klik tombol Rancangan dan pilih Edit HTML;


• Beri Centang Expend Widget;
  


• Cari kode <div class='post-body entry-content'>


• Jika ketemu copy paste kode dibawah persis diatas kode <div class='post-body entry-content'> dan jika tidak ditemukan cari kode yang mirip dengan kode tadi.

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

*Perhatikan pada kode diatas, ada tulisan User Name twitter, ganti dengan milik anda

• Simpan dan lihat hasilnya.

Semoga bermanfaat bagi anda semua.