Cara Membuat Tombol Share, Like dan Tweet Berserta Counter

Akhirnya setelah kemarin-kemarin tidak bisa posting karena Ulangan Kenaikan Kelas, sekarang saya bisa posting lagi. Pada kesempatan kali ini saya akan membahas tentang cara membuat tombol share di blog agar setiap pengunjung blog kamu bisa membagikan artikel dengan mudah, dengan begitu otomatis pengunjung blog mu juga akan bertabah.
Sekarang kita langsung saja ke cara pembuatan.

1. Masuk Blogger.
2. Klik Rancangan > Edit HTML
3. Cari Kode <data:post.body/>
4. Setelah itu Letakan Kode ini Di atas atau di bawah kode tadi.

<b:if cond='data:blog.pageType != &quot;index&quot;'>
 <b:if cond='data:blog.pageType != &quot;archive&quot;'>
<div id='zscbCntnr'><ul style='list-style:none; margin:0; padding:0;'>
<li style='display:inline; list-style:none; margin:0; padding:0;'><a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></li>
<li style='display:inline; list-style:none; margin:0; padding:0;'><a href='http://www.facebook.com/sharer.php' name='fb_share' rel='nofollow' style='margin:0 17px 0 0;' title='Share on Facebook' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></li>
<li style='display:inline; list-style:none; margin:0; padding:0;'><script type='text/javascript'>/* <![CDATA[ */
var zUTDQ = unescape('%22'); var zUTLT = unescape('%3C'); var zUTGT = unescape('%3E');
document.write(zUTLT+'ifr'+'ame src='+zUTDQ+'http://www.facebook.com/plugins/like.php?href='+escape(location.href)+'&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=20'+zUTDQ+' scrolling='+zUTDQ+'no'+zUTDQ+' frameborder='+zUTDQ+'0'+zUTDQ+' style='+zUTDQ+'display:inline; border:none; overflow:hidden; width:100px; height:20px;'+zUTDQ+' allowTransparency='+zUTDQ+'true'+zUTDQ+zUTGT+zUTLT+'/ifr'+'ame'+zUTGT);
/* ]]> */</script></li>
<li style='display:inline; list-style:none; margin:0; padding:0;'><input name='zscbLC' type='hidden'/><a href='http://www.zamal-tkj.co.cc/2011/06/cara-membuat-tombol-share-like-dan.html' id='zscbAL' name='zscbAL' target='_blank' title='Share Counters and Buttons Widget'><b>[i]</b></a></li>
</ul></div>
<script src='http://zamalsblog.googlecode.com/files/Zamal%27s%20Blog%20Button%20and%20counter.js' type='text/javascript'/>
 </b:if>
</b:if>

5. Setelah itu Simpan Template
Selesai
Untuk Contoh Anda bisa lihat di bawah