
The social widgets are very important for our blogs for getting traffic in our previous post we discuss How to Add background design social sharing buttons in below blogger posts. This widget help your readers to share your blog post with her friends and you get more traffic. Now a days social network is one of the best way to getting more traffic. Now MBC got a trick that how to add the social counter buttons in your below blogger post title in right or left side. Friends this widget give your blog posts an new look. Now start learn how add the social counter in your blogger post left or right side. If you are interested see a DEMO of the gadget then click the below link.
Add Social counter Share Widget To Blogger
Go To Blogger > Design > Edit HTML > Expand Widgets Templates
Backup your template
Search below code using Ctrl + F
<data:post.body>
Just above it paste the following code
<b:if cond='data:blog.pageType == "item"'>
<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 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 are interested to change the place of social buttons then change right or left that you like.
Save your template.
Visit your blog post.
Enjoy with new buttons.
0 comments:
Post a Comment