Ubuntu / Linux news and application reviews.


Facebook recently updated it's Share Button, which now includes a share count and analytics. The button is fairly easy to integrate, as long as you don't specify the base URL (meaning that it will not work for the main page of a blog - it will only submit the blog URL, not a post URL), or you manually enter the URL.

facebook share mini button

Configuring the Facebook Share button for Blogger blogs is a bit tricky but achievable. Read on.

The first thing you need to do is decide over what format you want to use for the button. You can find info on this, on the Facebook Wiki. After you decide on this, remember the 'type=', as that will define the type of Facebook share button.

Then, to implement the button into your Blogger template, go to Layout > Edit HTML and use the following code for inserting the button (of course, in the template you need to go to where you want the Facebook Share button to show up):

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

You may change the:
type='button_count'

code, with the style you picked for your button (I explained in the beginning of the post).

Of course, if you want to align the button to the right, etc, it will need some styling using CSS, but you need to take care of that for yourself.

You can see a live preview of the button, right here on Web Upd8. Test it on a post page and on the main page (it's different).

For more info on this, head over to BloggerPlugins.