rss

Tuesday, October 26, 2010

Adding FaceBook Share Count button for blogger posts.

Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Facebook Share Button Style  1

Code
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Facebook Share Button Style 2

 Code
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Facebook Share Button Style 3

Code
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Facebook Share Button Style 4

Code
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Select one of the Share Button Styles and copy the Corresponding Code.
Login To Blogger Go To > Design > Edit HTML.
and mark the tick box "Expand Widget Templates"
Now find (CTRL+F) this code in the template.
<div class='post-header-line-1'/>
And immediately After it, place Facebook share button code(that you copied) :
If you were unable to find this code in your template,then look for this code in the template.
<data:post.body/>
And immediately Before it, Facebook share button code(that you copied):
Now click Save Template.

Subscribe to this Blog via Email:

Click here to Subscribe to FREE email updates from "Blogger Tutorials", so that you do not miss out anything that can be valuable to you and your blog!!

Spread It : Share On Facebook ! Share On Google Buzz ! Add To Del.icio.us ! Share On Digg ! Share On Reddit ! Share On LinkedIn ! Post To Blogger ! Share On StumbleUpon ! Share On Friend Feed ! Share On MySpace ! Share On Yahoo Buzz ! Get These Share Buttons ! Share On Google Reader ! Google Bookmark ! Send An Email ! Blog Feed !


0 comments:


Post a Comment

 

Recent Posts

Followers

Recent Comments