l
l
blogger better. Powered by Blogger.

Search

Labels

blogger better

Followers

Blog Archive

Total Pageviews

Labels

Download

Blogroll

Sunday, December 18, 2011

How To Add Facebook Share Count Buttons For Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
<div class='post-header-line-1'/>
4.Now Copy your Facebook Share Count Button code and paste it just below the above code.
NOTE: If you can't find <div class='post-header-line-1'/> in your template paste your Facebook Share Count Button code just before <data:post.body/> .
Facebook Share Count Buttons Codes:
CODE 1:
<div style='float:right; margin-left:10px;'><script src="http://widgets.fbshare.me/files/fbshare.js"></script></div>
Result:

CODE 2:
<div style='float:right; margin-left:10px;'><script>var fbShare = {url: 'http://YOURBLOG.blgospot.com/',size: 'small',google_analytics: 'true'}</script><script src="http://widgets.fbshare.me/files/fbshare.js"></script></div>
Result:

CODE 3:
<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>
Result:

CODE 4:
<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>
Result:

You are done.

0 comments

Post a Comment

blogger better Headline Animator