Cara Memasang Tombol Facebook Like, Retweet , Stumble dan Digg Counter Di Blogspot

Anda ingin membuat blog anda lebih cepat dikenal orang ? jika iya sebaiknya anda memasang share button di blog kesayangan anda agar para pengunjung blog kita lebih mudah untuk membagikan informasi di blog anda dengan teman- teman mereka. Kali ini Klobot [Dot] Com memberikan tutorial cara memasang tombol facebook like, retweet, stumble dan digg di blogspot. Pada tutorial ini letak keempat tombol tersebut berada tepat di bawah artikel atau postingan. Kenapa kami memilih dibawah artikel , alasannya simple aja . Kayaknya lebih enak dilihat dari pada berada diatas postingan.

Langsung aja masuk ke akun blogger anda :

Didalam dashboard blogger anda , silahkan menuju Design > Edit HTML

Centang Expand Widget Templates dan cari kode berikut ini

<data:post.body/>

Setelah ketemu, pastekan kode dibawah ini tepat berada dibawahnya ( Kalau anda menginginkan berada diatas postingan anda maka silahkan letakkan kode di bawah ini tepat diatas kode tersebut )

<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = "compact";
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/>
</td>
<td><div style='margin-left:35px;'>
<script type='text/javascript'>
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class='DiggThisButton DiggCompact'/>
</div></td>
<td>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px; width:100px; height:20px;'/>
</td>
</tr>
</table> </b:if><br/>