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 blogger et aller voir le resultat.

Désormais, les lecteurs de vos articles pourront publier vos articles sur leur page facebook et augmenter le trafic sur votre blog grace à facebook.

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