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/
  • Save your template and you are done !
<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>

Comments

Popular posts from this blog

How To Add Recent Comment Widget With Avatar in Blogger

Recent Post Widget With Thumbnail and Tooltip For Blogger

Add Facebook Like Box on the Bottom of Posts