Share The Widget With Counters For Blogger /Blog Post

The Social networking sites growing traffic is indirectly to webmasters themselves. the more they receive traffic the more visitors we receive when people share you content with friends and colleagues. The widget today consists of Facebook, Twitter, StumbleUpon box counters along with Addthis Counter which makes it a complete package of social media sharing buttons. To Add this widget to your blogspot blogs kindly follow the steps mentioned below.

---

Add Social Share Widget To Blogger

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Check the "Expand Widgets Templates" Box
4. Search for <data:post.body>
5. Just above it paste the code below,

<style>
#stylishshare{
box-shadow: 0px 0px 10px Orange;
-webkit-box-shadow: 0px 0px 10px Orange;
-moz-box-shadow: 0px 0px 10px Orange;
-o-box-shadow: 0px 0px 10px Orange;
border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
border:2px solid Orange;
display:scroll;
position:fixed;
top:40%;
right:2%;
padding:0px 0px 0px  5px;
height:280px;
width:63px
}
</style>
<div id="stylishshare">
    <table cellpadding="1px" cellspacing="0">
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
    <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="mybloggertricks">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
<tr>
<td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<!-- AddThis Button BEGIN -->
<span class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter"></a>
</span>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de65ffc18353944"></script>
<!-- AddThis Button END -->
</td>
</tr>
    </table>
</div>

6. Hit Save and you are done!
Let me know if you needed any help :>