Facebook - Bouton enregistrer / Save button

Par –
Blogger - Ajouter le bouton Enregistrer de Facebook

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...

Le bouton Enregistrer de Facebook, dans le pied de l'article. Le bouton Enregistrer de Facebook dans un gadget AddToBlogger. Le bouton Enregistrer de Facebook dans le gadget FeaturedPost.

Générer un bouton

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

Paramètres Blogger
Version du thème
Emplacement du bouton
Affichage du bouton ?
Apparence
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 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 :

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'>

Dernière mise à jour

Licence

Ce contenu est protégé par la licence CC BY-NC-ND 4.0

🛈 Info

Il arrive fréquemment que nos contenus soient reproduits sans autorisation. Si vous avez trouvé cette fiche ailleurs, nous vous recommandons vivement de consulter Blogger Code PE pour bénéficier de la version originale, à jour et vérifiée.

Spotlight

YouTube : bouton abonnement / Subscribe button

Image
Discret, puissant, et 100 % personnalisable : voici le bouton d’abonnement YouTube taillé sur mesure pour Blogger. Ce plugin n’est pas qu’un simple bouton : c’est un véritable pont entre votre blog et votre audience, un appel à l’action fluide et intégré, sans iframe disgracieuse ni widget externe instable. Grâce à notre générateur, vous choisissez le format, le style, la chaîne, le type de page concerné et même l’auteur lié à l’affichage. Que vous gériez un blog personnel ou un collectif multi-auteurs, ce plugin s’adapte à votre structure comme un uniforme taillé sur mesure par Paco R. (c'est qui celui-là ? 😎). Et parce qu’on aime les options : HTML, XML Gadget V1, XML Gadget V2… tout est prévu. Plus besoin de bricoler à la main, d'ajouter des scripts tiers ou de se battre avec des balises capricieuses : le code généré est propre, optimisé, et prêt à l’embarquement.
En savoir plus ➤

Populaires cette semaine

Foire aux questions Blogger (Novembre 2021)

Image
Halloween a ouvert le bal des festivités en ce mois de novembre et attendez-vous à croiser des citrouilles un peu partout sur les produits Google. Plus particulièrement sur la tête des Googlers qui adorent se déguiser en cette période de l'année. Mais ne paniquez pas, ici sur Blogger Code PE, on est sérieusement sérieux et on veille au grain pendant que d'autres s'amusent...
En savoir plus ➤

Introduction : Search Engine Optimization (SEO)

Image
Le SEO. Trois lettres qui font briller les yeux des spécialistes… ou fuir les blogueurs débutants. Entre mythes, charabia technique et fausses promesses de "première place garantie", difficile de savoir par où commencer. Pourtant, derrière cet acronyme se cache un concept bien plus simple qu'il n'y paraît : aider les moteurs de recherche à trouver, comprendre et aimer vos pages. Pas besoin de maîtriser la magie noire du web ni d'avoir un diplôme en algorithmie pour vous lancer.Dans cette introduction, nous allons démystifier le référencement naturel. Comment Google parcourt le web ? Pourquoi certains sites sortent du lot ? Quelles sont les règles du jeu pour améliorer sa visibilité sans vendre son âme à une agence hors de prix ? On vous explique tout, pas à pas, sans poudre de perlimpinpin ni jargon incompréhensible.Alors, le SEO réservé aux grandes marques ? Certainement pas. Que vous soyez propriétaire d’un blog personnel, d’un site professionnel, ou simple curi
En savoir plus ➤