Menaruh Widget Sosial Share Dengan Counter Untuk Blogger

Jika sebelumnya saya membagikan widget social bookmarking, kali ini sama seperti widget yang sebelumnya saya kasih namun dengan bentuk yang berbeda tentunya hehe. Lihat caranya di bawah ini.

1. Masuk Blogger.com

2. Klik Rancangan --> Edit HTML --> Klik expand template widget dan cari kode <data:post.body> lalu salin kode di bawah ini dan letakan di atas kode <data:post.body>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div align='right'><table border='0' cellpadding='2' cellspacing='0' width='150'><tbody>
    <tr>
      <td valign='top'>    <script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</td>

      <td valign='top'>   <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></td>
    </tr>

    <tr>
      <td valign='top'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </td>

      <td valign='top'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de39fde7c998f6e' type='text/javascript'/>
<!-- AddThis Button END -->
</td>
    </tr>
  </tbody></table></div></b:if>

NOTE : Kode yang berwarna biru bisa kamu ganti dengan Left untuk mengatur letaknya.

4. Simpan template, mudah bukan ?

Postingan Terkait:

Posted in: Blogger,Social Bookmarking,Social Sharing