Cool Social Plugin With Counter

AssalamuAlaikum Readers, 

Nowadays social websites are playing a considerable role in the promotion of websites, and the developers have created tons of plugins which links to the Facebook Pages, re-Tweet, StumbleUpon, Google+, LinkedIn and etc but the plugins with counters are very rare and hard to found, what counters do is that they counts the number of shares,likes,re-tweet etc and it has two advantages, first one is that it tells the website reputation and the second is that it plays a big in role in getting 3rd part advertisement, widget today I am going to share consist of four social media sharing buttons which includes Facebook, Twitter, StumbleUpon and Addthis.

Installing The Plugin:

1. Go To Blogger > Template > Backup / Restore [ On The Top Right ] > Download Full Template.

2. Go To Edit HTML.

3. Check The ' Expand Widget Templates '.

4. Search For The Following Code: <data:post.body> and just above it paste the following code:

<style>
/*-------Blogger Freaks Social Plugins------------*/
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='left'><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 class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </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>

5. Save Template and you are done.

• If you wish to align the widget to right then replace the left with right.

Any Queries? Feel Free To Ask! Don't forget to bookmark and like our posts. ALLAH HAFIZ , Stay Blessed.

---

About The Author: Meesum Raza Blogs @BloggerFreaks.com and is a co-author of @tipsontricks.com.
Recent Post: Fix The Facebook Sharing Title Problems.