A quick and simple copy/past tutorial to add Facebook share buttons with counters to your Blogger blog.

1. Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says Expand Widget Templates.
2. Look for <data:post.body/> and immediately after that place one of the following codes :

 

<div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

 <div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

 <div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

<div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='icon_link'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

<div style="float:left;padding:5px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='icon'>Share</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

You can replace the word Share with anything you want and you can (must?) change the CSS (float:left;padding:5px;) to match you blog.

Version française de cet article : 5 Nouveaux Boutons Facebook pour partager vos articles