Facebook - Bouton enregistrer [save button]

Le bouton Enregistrer est un plugin du réseau social Facebook qui permet à vos visiteurs d'ajouter les pages de votre blog dans une liste privée sur cette plate-forme.
La version présentée sur cette page est spécialement conçue pour travailler dans l'éditeur XML de Blogger.
Le bouton peut être relié aux articles des gadgets Blog, PopularPosts (articles populaires), FeaturedPost (Article en vedette) ou encore à la page courante dans un gadget "AddToBlogger".

En obtenant et en utilisant des plugins Facebook, vous acceptez les conditions d'utilisation de Facebook.

Présentation du bouton

Le code proposé ci-dessous répond aux exigences des thèmes Blogger (Layouts Version 1 2 3) et au standard HTML5. Il propose diverses solutions pour intégrer le bouton sur un blog : Dans les options des articles, dans la version mobile personnalisée, dans un gadget AddToBlogger, etc...

Générer un bouton

Configurez les options dans ce tableau et suivez les instructions d'installation.

Paramètres Blogger	Version du thème Layouts Version 1 Layouts Version 2 Layouts Version 3 Emplacement du bouton Articles du gadget Blog Article du gadget FeaturedPost Articles du gadget PopularPosts Page courante dans un gadget Add-To-Blogger Affichage du bouton ? Articles Pages Accueil Recherche Archive Pages 404 Attention ! Aucune page n'est sélectionnée.
Apparence	Bouton grande taille

Le code du bouton

<b:if cond='true'>
  <b:comment render='true'>
    Save button Facebook - Blogger Code - Ref.: bit.ly/bc-fbSave
  </b:comment>
  <b:with value='{ uri: data:post.url, size: "large" }' var='bc'>
    <div class='fb-save'>
      <b:attr name='data-uri' expr:value='data:bc.uri.canonical ?: data:bc.uri'/>
      <b:attr name='data-size' expr:value='data:bc.size'/>
    </div>
  </b:with>
</b:if>

Compatibilité

Ce code est conçu pour travailler dans le modèle de gadgets Version 1.
Les thèmes officiels compatibles avec vos choix sont :

• Simple
• Picture Window
• Awesome Inc.
• Watermark
• Ethereal
• Travel

Ce code est conçu pour travailler dans le modèle de gadgets Version 2.
Les thèmes officiels compatibles avec vos choix sont :

• Contempo
• Emporio
• Notable
• Soho

Où recopier ce code ?

Le bouton est associé aux articles du gadget Blog. Choisissez l'un de ces emplacements :

• Dans les options des articles, version web
• Dans les options des articles - barre de partage, version web
• Dans les options des articles, version mobile personnalisée - Item
• Dans les options des articles - barre de partage, version mobile personnalisée - Item

Le bouton est associé à l'article sélectionné du gadget FeaturedPost. Choisissez l'un de ces emplacements :

• A proximité de l'extrait de l'article sélectionné

Le bouton est associé aux articles populaires du gadget PopularPosts. Choisissez l'un de ces emplacements :

• A proximité de l'extrait des articles populaires

Le bouton est associé aux articles du gadget Blog. Choisissez l'un de ces emplacements :

• Dans les options des articles

Le bouton est associé à l'article sélectionné du gadget FeaturedPost. Choisissez l'un de ces emplacements :

• A proximité de l'extrait de l'article sélectionné

Le bouton est associé aux articles populaires du gadget PopularPosts. Choisissez l'un de ces emplacements :

• A proximité de l'extrait des articles populaires

A table ! Votre gadget est prêt ! Ajoutez-le vite à votre blog avant que quelqu'un vous le pique !
Ce gadget est conçu pour travailler dans le modèle de gadgets Version 1.
Les thèmes officiels compatibles avec vos choix sont : Simple, Picture Window, Awesome Inc., Watermark, Ethereal et Travel.

A table ! Votre gadget est prêt ! Ajoutez-le vite à votre blog avant que quelqu'un vous le pique !
Ce gadget est conçu pour travailler dans le modèle de gadgets Version 2.
Les thèmes officiels compatibles avec vos choix sont : Contempo, Emporio, Notable et Soho.

<!-- Bouton Enregistrer Facebook (Save button). Gadget AddToBlogger généré sur Blogger Code. Attribution : Blogger Code Author : Soraya Lambrechts URL : https://bloggercode-blogconnexion.blogspot.com/ -->

Et enfin, pour terminer, vous devez équiper votre blog du script Facebook JS SDK.
Installer le script

Références

Pour personnaliser manuellement le bouton, vous devez modifier l'objet situé dans la 1ère balise <b:with>.

Paramètre	Description	Valeurs	Valeur par défaut
uri	Le lien absolu de la page qui sera enregistrée.			Obligatoire
size	La taille du bouton.	small large	large	Facultatif

Exemple

<b:with value='{ uri: data:view.url, size: "large" }' var='bc'>
  

Les autres plugins Facebook

• Bouton j'aime
• Bouton Partager
• Bouton Enregistrer
• Citation
• Plugin Page
• Boîte de commentaires
• Post intégré
• Vidéo intégrée
• Commentaire intégré
• Pack - Like/Share/Save/Quote

Script Facebook JS SDK L'openGraph MetaData sur Blogger