cara membuat tombol share dibawah postingan

Oke sobat Blogger kali ini tutorial wdesain akan membahas cara pasang tombol share facebook, twitter, dll pada di bawah postingan blogspot karena facebook juga merupakan web social jejaring terbesar di dunia sehingga apabila kita menshare postingan kita di facebook kita akan mendapat keuntungan
Oke sobat wdesain kita akan mulai tutorialnya kali ini
1. Login Ke akun blogger anda.
2. Masuk Rancangan > Edit HTML > Centang Expand Template Widget.
*Sebelum melakukan pengeditan sebaiknya backup dulu templatenya.
3. Selanjutnya cari kode berikut <data:post.body> Gunakan CTRL+F biar cepet.
4. Copy Kode Berikut dan letakan tepat dibawah kode <data:post.body>

<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;'/>
<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'/></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 TWITTER' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='medium'/>
</div><div style='float:left'><a href='http://www.wdesain.web.idl' target='_blank' title='Get This Button Share'>[ + ]</a></div></div></b:if>

Ganti teks warna merah dengan id user twitter anda kemudian klik tombol simpan template
Silahkan mencoba ....

Tweet

Share on :