Add Social Sharing Widget Below Every Post Title in Blogger

• Log in to your Blogger account.
• Go to Template >> Edit HTML.
• Please first Backup your template.
• Search For
  
  
  
  

<data:post.body/>

• Now paste the below code just Above it.

<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 = "compact"; </script><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div> </td><td><div style='margin-right:25px;'> <script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + 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> </b:if><br/>

• Now search for </head> in your template just above it paste the following code.

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>

• Save the Template.

• You are Done !
  
  
  
  Need Help ? If you need further help regarding this tutorial or regarding this blog then just leave your comment on ASK QUESTION page on my blog. I will be happy to answer your queries shortly.

Socialize This Post

SOCIALIZE IT →

Tweet

SHARE IT →