Add +1 button and Other Share Buttons Below Post Titles

The area just below your post titles have more impressions i.e. that area is more viewed by your visitors and if you add social share or bookmarking buttons such as the new Google +1 button, Facebook Like + Send button, tweet button and my favorite addthis button, then there are more chances of getting more likes, digs, stumbles and +1'd. So lets add this beautiful widget to your blogger blogs. You can see them live just below the post titles of this blog.

Adding the Social Share Widget To Blogger

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Search for <data:post.body/>
4. and just above it paste the code given below, 

<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> </b:if><br/>

    5.   Next search for </head>
    6.  and just above it paste the following code,

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

    7.  Save your template and you are done!

Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution

The area just below your post titles have more impressions i.e. that area is more viewed by your visitors and if you add social share or bookmarking buttons such as the new <a href="http://www.mybloggertricks.com/2011/06/add-google-1-button-to-your-blogger.html" target="_blank">Google +1 button</a>, <a href="http://www.mybloggertricks.com/2011/05/add-facebook-like-and-send-button-to.html" target="_blank">Facebook Like + Send button</a>, tweet button and my favorite <a href="http://www.mybloggertricks.com/2011/06/how-to-put-your-blog-name-in-menu.html" target="_blank">addthis button</a>, then there are more chances of getting more likes, digs, stumbles and +1'd.<a href="" name="more"></a> So lets add this beautiful widget to your blogger blogs. You can see them live just below the post titles of this blog. <br /> <h3>Adding the Social Share Widget To Blogger</h3><ol><li>Go To Blogger > Design > Edit HTML </li> <li>Backup your template </li> <li>Search for <data:post.body/> </li> <li>and just above it paste the code given below, </li> </ol><br /> <a name='more'></a><br /> <blockquote> <b:if cond='data:blog.pageType == "item"'> <br /> <br /> <table border='0'> <br /> <tr> <br /> <td><div style='<strong>margin-right:5px</strong>;'> <br /> <g:plusone expr:href='data:post.url' size='medium'/> <br /> </div> <br /> </td> <br /> <td><div style='padding-top:6px;'> <br /> <script type='text/javascript'> <br /> tweetmeme_style = &quot;compact&quot;; <br /> </script> <br /> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> <br /> </div></td><br /> <td><div style='<strong>margin-right:25px</strong>;'> <br /> <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> <br /> </td> <br /> <td><div style='<strong>margin-right:25px</strong>;'> <br /> <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'/> <br /> </div> <br /> </td> <br /> <td> <br /> <!-- AddThis Button BEGIN --> <br /> <div class="addthis_toolbox addthis_default_style "> <br /> <a class="addthis_counter addthis_pill_style"></a> <br /> </div> <br /> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> <br /> <!-- AddThis Button END --><br /> </td><br /> <br /> </tr> <br /> </table> </b:if><br/><br /> </blockquote>    5.   Next search for </head><br />     6.  and just above it paste the following code,<br /> <blockquote> <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script><br /> </blockquote>    7.  Save your template and you are done! <br/> Sumber: <a href='http://dragonhackthis.blogspot.com/2011/06/add-1-button-and-other-share-buttons.html'> Dragon Hack </a>