HOW TO: Facebook Share Count Button For Blogs

No debate on the topic that Twitter has grown breaking all boundaries. And Facebook has never missed out any chance to try to copy Twitter's features. Well you haven't heard of the TweetMeme Retweet button for blogs? You can see it live on chethstudios Blog. And Backtweets also introduced a rival twitter retweet button and it was impressive too. NO before you start accusing Facebook that It's stolen this idea again let me tell you about fbshare.me These guys have come up with a Facebook share button with a counter! You can see the share button yourself, let me tell you how you can put it up on your blog.



The Facebook sharecount button displays the number of times the current page has been shared on Facebook and allows visitors to share it themselves. Inspired by the popular Retweet buttons, it was built by us folks behind awe.sm


Update: Now there is an Official Facebook Share counter. Suggest you to use the new counter here.

Main Features:
Displays the number of shares and on hover the total number of clicks for those shares (displays Facebook logo when 0 shares)
Track the shares from the button using your awe.sm API Key or fbshare.me links
Add Google Analytics parameters to fbshare.me links

WordPress users, can easily get the plugin. Otherwise, get the embed code.

Blogger / Blogspot users Login to your Dashboard > Layout > Edit HTML and check the "Expand Widget Templates" option. Don't Forget to backup before you try changing any codes.

Firstly Locate this code in your blogger template.

<data:post.body/>

And then copy and paste the below code just above the <data:post.body/> tag.

<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>

Now the customization part:
1.<div style='float:right; aligns the button to the right. set it as left if you want it on the left hand side of the post.
2.the above code was pasted above the <data:post.body/> tag. So if you want the retweet button in the bottom section of your post. Place the code below <data:post.body/>

3.size - The size of the button: 'large' OR 'small' (if not specified, defaults to 'large')
4.url - The URL of the page you want shared on Facebook (if not specified, defaults to that of the page on which the button is displayed)
5.title - The name of the page you want shared on Facebook (if not specified, defaults to that of the page on which the button is displayed)
6.google_analytics - If no awesm_api_key specified, sets whether fbshare.me links have Google Analytics parameters added: true OR false (if not specified, defaults to false)
7.awesm_api_key - For existing awe.sm customers only (if not specified, will use fbshare.me links)

For example a customised Small facebook share count button code looks like.

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

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 testking 642-691 design tutorials and testking 642-262 guide to learn how to create user friendly web layouts. Become expert using testking JN0-331 free resources.