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 == "item"'>
<table border='0'>
<tr>
<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:15px;'>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + 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!
No comments:
Post a Comment