Add Social Sharing Buttons Below Post Titles

This is a post Where You can Add Social Sharing icons Like +1,Facebook like button ,Tweet Button and Stumble.the area is Just below  your post titles and can have more Impressions.because it is the area where more visitors view.there are more chances to get more likes,+1's using this Widget.So let's Add this Awesome Widget to blogger blogs get more Popularity .

Add the Social icons below post titles:.


First Login to your Blogger < Design < Edit Html .
Backup your Template


Search for <data:post.body/>


Now paste the Below code just above it.

<b:if cond='data:blog.pageType == "item"'> <br /> <br /> <table border='0'><tr> <td><div style='margin-right:5px;'><g:plusone expr:href='data:post.url' size='medium'/> <br /> </div></td> <td><div style='padding-top:6px;'><script type='text/javascript'> tweetmeme_style = "compact"; </script> <br /> <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> <br /> <!-- AddThis Button END --><br /> </td> </tr> </table></b:if><br/>

Now Search for  </head> 
Just above it paste the Following Code.

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

Now Save your Template And No you're Done.that's it.


Interesting isn't it. then Share this post to Social Sites.

You Might Also Like