Populaire ce mois

Facebook - Bouton enregistrer [save button]

Par –
Gadget TypeGadget VersionLayouts Version
Blog
FeaturedPost
Global
HTML
PopularPosts
1
2
1
2
3
Nous vous rappelons que lorsque vous accédez à ce blog, vous signez automatiquement un accord avec Blogger Code.
Consultez les CGU.


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


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


Les autres plugins Facebook

Script Facebook JS SDK L'openGraph MetaData sur Blogger
Dernière mise à jour :
Image
Assistance publique pour le produit Blogger sur les supports  d'aides :
Certifiée par Google - Experte Platine TC (Ambassador & Advanced Troubleshooter):
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Permanence sur les Forums (GMT +1) :
De septembre 2018 à juin 2019
  • Du lundi au vendredi : de 16 à 18h00.

Fiches populaires cette semaine

inReplyTo : Développer un module de commentaires avec réponses

Par –
Blogger Code
Souvenez-vous, au début de l'an de grâce 2012, Blogger lançait un module de commentaires filetés à 2 niveaux intégré directement dans les modèles.

Pour concevoir un tel système de "réponses", les ingénieurs ont tout simplement ajouté la donnée InReplyTo dans la longue liste de la bibliothèque des données des modèles.
Cette donnée a d'ailleurs été aussi introduite dans les flux, les apis Blogger. Ce qui permet ainsi à chaque développeur en herbes, de concevoir son propre module avec niveaux de réponses.


Mettre les mains dans le cambouis »