Blogger trick 4 you about the blogger, seo services, adsense, softwares, tips and trick, games, widgets, hosting, make money, how to create a website.

Monday, 23 December 2013

Social Share Widget With Counters For Blogger

By on 15:21

social-share-widget
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,
    Read Also:Twitter Recent Posts Widget, The Rare Widget Ever

<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>

If you wish to align the widget to left then replace  right with left
6.Save and you are done!
Read More:Create a Floating Feedback and Back-To-Top Button For Your Blogs
Let me know if you needed any help.
Thanks alot For visiting Our Website! Kindly Bookmark and Share it With you Friends.

Technorati Digg This Facebook Twitter Stumble Stumble

0 comments:

Post a Comment