Add Facebook Share Count Button to Blogger Posts

Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook. It is really a nice and easy way to get more reader/visitors to your blog. I personally recommend using this plugin.

This widget lets your visitors to share your posts on Facebook. So that many new visitors can keep attracted with your Blog.

Code for Facebook Share Count Button for Blogger:



<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" 

re"/>
</div>

src="http://static.ak.fbcdn.net/connect.php/js/FB.Sh

a

We will need this code, i will guide you step by step how and when to use it.

How to add Facebook Share Button to Blogger?

First of all the most Important step, Backup your template.
Login to your Blogger Dashboard and navigate to Layout > Edit Html and check the check box which says “Expand widget templates”.
Find this piece of code


<div class='post-header-line-1'/>

Now you have to copy the Facebook Share Button Code that i mentioned at the top and place that just after the code above
If you were unable to find this code in your template,then look for the first occurrence of

```
<data:post.body/>
```

and immediately before that paste our Facebook Share button code(at the top).

Save the template and you should get a facebook share count button near each of your blog posts.

Customization:

The code for Facebook Share Button above is for placing the button on the right side of the post title.

If you want to place the button on the left side (under the post title), then use this code instead:



<div style="float:left;padding:4px;">

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' 
type='box_count'/>  
<script type="text/javascript" 

re"/>
</div>
src="http://static.ak.fbcdn.net/connect.php/js/FB.Sh

a

Enjoy!

Peace and Happy Blogging!