Wednesday 21 August 2013

Widgets

How Add New Social Media Sharing Widget In Blogger 2013

Posted By : Unknown | Wednesday 21 August 2013 first to comment!
PUT YOUR PARSED ADSENSE CODE HERE

As i already mentioned in our previous articles that social media is one of the best and biggest source to through traffic on your blog / site. Social media like Google+, Facebook, Twitter, Stumble and something like this are most popular on internet everywhere, So this is the one and best source of traffic you can easily get traffic from social media for this purpose now we post this social media sharing widget for Blogger. so lets start and add this widget in blogger.

How To Add Social Sharing Widget In Blogger?

  • Go to Blogger > Template > Edit HTML
  • In Edit HTML got to Jump Break > Blog1
  • Now Find <data:post.body/>  using ctrl+f
  • Paste the below code after <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td><div style='margin-right:5px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = &quot;compact&quot;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td><div style='margin-right:25px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div>
</td>
<td><div style='margin-right:25px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/>
</div>
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->
</td>
</tr>
</table>
  • Save your template and you are done !
This widget only appears below every post not on your home page. Hope this post help you a little.
Do you Like this story..?

Get Free Email Updates Daily!

Follow us!





0 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Imtiaz Ahmed

  • Tips And Tricks
  • Template
  • Make Money
  • Widget
  • Sitemap
  • Back To Top