Cara Pasang Tombol Share, Tweet, Buzz, Digg, Google +1 Button di Blog

Setelah sebelumnya saya membahas tentang cara membuat halaman(fanspage) di facebook, kini saya ingin membahas cara share artikel ke facebook dan lain-lain. Gadget share ini berguna untuk mempromosikan blog kita kepada pengunjung yang mengklik, dan juga kita tidak perlu susah payah untuk berpromosi. Bagian atas artikel milik saya juga ada, diklik dulu lah salah satunya #ngarep ... Udah diklik ... ? Ya sudah langsung saja tombol share situs jejaring sosial dibahas ...

1. Login blogspot > Rancangan/Layout > Edit HTML

2. Centang "Expand Template Widget"

3. Copy kode dibawah ini :


<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 to :
</div><g:plusone size='medium'/>
<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>

4. Cari kode <div class='post-header-line-1'/>

5. Paste kode no.3 tepat setelah (dibawah) kode <div class='post-header-line-1'/>

6. Ganti User Name dengan username akun twitter sobat

Simpan Template !

Trik ini saya dapat dari blognya kang salman, tapi sudah ada yang saya tambahkan pada kode tombol share ke situs jejaring sosial. Semoga bermanfaat sobat !

Selesai