Ajouter les Boutons Partager Facebook à votre modèle Blogger

Facebook peut devenu un outils pour les blogger. Quelques lecteurs ont demandé s'il est possible d'ajouter un lien "Partager sur Facebook" à nos modèles de Blogger, et bien que cela est possible...

Je vous expliquerai comment vous pouvez l'ajouter à votre modèle Blogger afin que vos lecteurs puissent publier vos article sur leur facebook...


Modification de votre modèle d'ajouter les liens sur facebook

Allez à "Modèle" > "Modifier le code HTML" cochez la case "Développer des modèles de gadgets"

Pour afficher le bouton au début des articles, placez son code juste après la balise :

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

Si vous désirez afficher le bouton à la fin de vos articles, alors placez le code approprié juste après l'une des lignes suivantes :

<div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'>

<div class='post-footer-line post-footer-line-3'>

Et collez le code du bouton choisit ci-dessous:

Les Différents code des Boutons de partage Facebook :

 

Version vertical avec compteur :

<a name="fb_share" type="box_count" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Version horizontal avec compteur :

<a name="fb_share" type="button_count" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Version horizontal sans compteur :

 

<a name="fb_share" type="button" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Icône 16*16 :

 

 

<a name="fb_share" type="icon" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">Partager</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Bouton large :

<script type="text/javascript">var fbShare = {url: '<data:post.url/>', size: 'large' }</script><script src="http://widgets.fbshare.me/files/fbshare.js" type="text/javascript"></script>

Bouton léger :

<script type="text/javascript">var fbShare = {url: '<data:post.url/>', size: 'small' }</script><script src="http://widgets.fbshare.me/files/fbshare.js" type="text/javascript"></script>

Vous pouvez enregistrer votre modèle.

Désormais, les lecteurs de vos articles pourront publier vos articles sur leur facebook.

Astuce : Ajouter facebook pop up like box à votre blog blogger pour avoir plus de fan