May 10, 2010

Add Facebook Share Count Button to Your blogger Posts

Facebook has become the most popular social network around the world, With more than 400 million active users worldwide.


Imagine how much traffic you can drive from Facebook. anyway here's how to add Facebook share count button to each post of your blogger blog:

1. Open your blogger html editor, make sure that “Expand Widget Templates” checkbox is ticked.
2. Find the following code <data:post.body/> (use Ctrl+f on your browser and look for it)

3. Now past the below code before <data:post.body/>:
<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>


This code by default display the button in the right position to display it in the left position
change the style from <div style="float:right;padding:4px;"> to <div style="float:left;padding:4px;">


If you like this post share it on Facebook using the button on the left side. Thanks


The Facebook Era: Tapping Online Social Networks to Build Better Products, Reach New Audiences, and Sell More Stuff