Share on Facebook buttons with counter for blogger

Nowadays Facebook is also a great marketplace for your blog.You can gain lots of traffic and visitors for your blog from Facebook.But you should too make your blog Facebook friendly.I mean to say that you should do a effort to make your blog posts easily shareable to Facebook and the share on Facebook buttons on your blog makes it possible.
Here in this post I am going to explain about the Share on Facebook buttons and the tutorial on how to add them in your blogger blog.

Types of buttons with button code

There are altogether two types of Share on Facebook buttons and the are as follows:

Normal Style

<a name="fb_share" type="box_count" expr:share_url="data:post.url" 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>

Compact Style

<a name="fb_share" type="button_count" expr:share_url="data:post.url" 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>

Installation of this button

To place this Share on Facebook button on each of your blogger post, first of all search for the following code in your Template.

<data:post.body/>

Now place the button code just before the above code in your Template and save your Template.You’re done.