HOW TO: Official Facebook Share Counters for Blogs
Content is king! No doubt, but having good content isn’t the only way to become a pro-blogger. Promoting your content must be a topmost agenda of any blogger. So Facebook was quick to learn this little lesson and now the Official Facebook Share counters are rolled out. Last week I had shown you guys how to implement a third part Facebook Share Counter on your Blogs. But Now since the Official Share counter has appeared I would suggest you to use this alternative.
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
<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
<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.
About The Author
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.
1919
71340
1626
7 Comments
Anonymous
10.28.2009
Thanks for this. We ahve just added the facebook share counter (inline version) to the front page of our blog http://www.newslite.tv – but for some reason it doesn't line up with the tweetmeme one – any ideas why?
clippingimages
10.29.2009
Wow
Nice post. Thanks for sharing this awesome article.
Rajesh Kanuri
01.04.2010
This works fine but i have problem in displaying the facebook share counter.. how do i fix that.. ??
cheth
05.08.2010
@ Rajesh Kanuri
Please explain your problem we can help you then.
Robust Mind
06.16.2010
i have added the share count button to my blog, but it on shows the share button, without the counter.
pls refer to my posts in http://robustmind.blogspot.com
cheth
06.16.2010
try sharing your blog post using your button… the counter will automatically show up once its shared on FB
Caang
11.01.2010
Thanks for this post. It's very helpful
There are no trackbacks to display at this time.