Home | welcome all to heros of net |

Tuesday, April 3, 2012

Add +1 button and Other Share Buttons Below Post Titles

/ On : 4:41 PM/herosofnet.

social-share-widgetThe 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


i hope you like thes

Post Comment

Like us On Facebook

our channel on youtube

Followers