Thursday, April 5, 2012

Menaruh Widget Sosial Share Dengan Counter Untuk Blogger

4:58 PM Hzndi 4 comments


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:

Social Bookmarking
Social Sharing
Blogger

Posted in: ,,

4 comments:

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More