Add Social Share Count Buttons Below Post Title Blospot

Posted by Unknown at 08:41 Read our previous post

If you are looking forward to boost blog traffic then make sure that you have Social Media Share Buttons on your Blogger blog. In this article, We will learn how to add different social media count buttons below post title.

The area just below 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 button, Tweetmeme, Twitter Share button, Stumbleupon button and addthis button, then there are more chances of getting more likes, tweets, stumbles and +1.

Adding The Social Share Count Button Widget to Blogger

1. Go To Blogger > Design > Edit HTML
2. Check Expand Widget Templates
3. Search for <data:post.body/>
4. and Just above it paste the code given below,

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table border='0'>
<tr>
<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:15px;'>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div>
</td>
<td>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<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/>

Save your Template and you are Done!