
The Looks of the Facebook share counter is pretty similar to Tweetmeme Twitter Retweet counter, and is pretty similar to the 9 Retweet counter Scripts I had blogged about last week. It also has a nomal version and Compact version making it easier for Bloggers to choose from.
Counter Style: Normal Above Button
<div style='float:left; margin-right:10px;'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
Counter Style: inline / Compact version
<div style='float:left; margin-right:10px;'>
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
How To use the Script:
Blogger Users Login to your Blogger Dashboard > Layout > Edit HTML > " Expand Widget Temaplates " Paste the code below <data:post.body/> tag in your template. Or you can choose to paste it wherever you prefer it to be.
When a user Shares your content, FB looks at your page to find a relevant title and image, and media if you specify it. You should add <meta> tags to your page to help us find this information. See the documentation for help with setting up these tags.
Facebook also provides an API to query data on shared items.
See the documentation for detailed information on Share and the API.
Dont Like the Official Facebook Widget for your blog? Try this alternative facebook share counter.

Cheth is the founder and Brainchild of Chethstudios. Design Guy, Blogger, Social Media junkie, Chief Troublemaker at Cheth Studios and also a Part time Design (Nerd). Altogether nice guy! Follow Cheth on Twitter for updates, design, web development.
You can also get a free subscription to Chethstudios updates. We will be back with more useful content. Get latest hacks and updates on your email
Download the latest testking 1Y0-A08 tutorials and testking 650-177 videos to learn how to create nice and elegant blog pages. Join testking 312-50 course to become expert blogger.
Thanks for this. We ahve just added the facebook share counter (inline version) to the front page of our blog www.newslite.tv - but for some reason it doesn't line up with the tweetmeme one - any ideas why?
ReplyDeleteWow :) Nice post. Thanks for sharing this awesome article.
ReplyDeleteThis works fine but i have problem in displaying the facebook share counter.. how do i fix that.. ??
ReplyDelete@ Rajesh Kanuri
ReplyDeletePlease explain your problem we can help you then.
i have added the share count button to my blog, but it on shows the share button, without the counter.
ReplyDeletepls refer to my posts in http://robustmind.blogspot.com
try sharing your blog post using your button... the counter will automatically show up once its shared on FB
ReplyDeleteThanks for this post. It's very helpful
ReplyDelete