Facebook : Bouton J'aime / Like button
Le bouton J'aime est un plugin du réseau social Facebook qui permet à vos visiteurs de recommander du contenu.
La version présentée sur cette page est spécialement conçue pour travailler dans l'éditeur XML de Blogger et nulle part ailleurs !
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 standardHTML5.
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...
|
|
|
|
|
Palette des boutons
Quelques exemples de combinaisons.Générer un bouton
Configurez les options dans ce tableau et suivez les instructions d'installation.<b:if cond='true'> <b:comment render='true'> Like button Facebook - Blogger Code - Ref.: https://bit.ly/bc-fbLike </b:comment> <b:with value='{ href: data:post.url, layout: "standard", width: 450, action: "like" }' var='bc'> <div class='fb-like'> <b:attr name='data-href' expr:value='data:bc.href.canonical ?: data:bc.href'/> <b:attr name='data-layout' expr:value='data:bc.layout'/> <b:attr name='data-action' expr:value='data:bc.action'/> <b:attr name='data-size' expr:value='data:bc.size'/> <b:attr name='data-colorscheme' expr:value='data:bc.colorscheme'/> <b:attr name='data-show-faces' expr:value='data:bc.show-faces'/> <b:attr name='data-share' expr:value='data:bc.share'/> <b:attr name='data-width' expr:value='data:bc.width'/> </div> </b:with> </b:if>
Les thèmes officiels compatibles avec vos choix sont :
- Essential
- Contempo
- Emporio
- Notable
- Soho
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 | |
|---|---|---|---|---|
href |
L’URL absolue de la page qui recevra la mention J’aime. | Obligatoire | ||
layout |
La disposition du bouton. | standardbutton_countbuttonbox_count |
standard |
Facultatif |
action |
Le verbe à afficher sur le bouton. | likerecommend |
like |
Facultatif |
share |
Indique si un bouton de partage doit être ajouté à côté du bouton J’aime. | truefalse |
false |
Facultatif |
show-faces |
Indique si les photos de profil doivent être affichées sous le bouton (disposition standard uniquement). | truefalse |
false |
Facultatif |
size |
La taille du bouton. | smalllarge |
small |
Facultatif |
width |
La largeur du plugin (disposition standard uniquement). | 450 |
Facultatif | |
colorscheme |
Le jeu de couleurs utilisé par le plugin pour tout texte autre que le bouton lui-même. | lightdark |
light |
Facultatif |
<b:with value='{ href: data:view.url, layout: "button_count", share: true, size: "large" }' var='bc'>
Les boutons de partage
Licence - La reproduction du contenu de ce blog n'est pas autorisée
Aucune disposition des Conditions d'Utilisation de ce blog ne pourra être interprétée comme conférant à l'Utilisateur une licence sur les Droits de Propriété Intellectuelle.
Le blog Blogger Code PE ne concède qu'une autorisation de visualisation de son contenu à titre personnel et privé. Les copies ou reproductions doivent être strictement réservées à l'usage privé du copiste.
Toute reproduction abusive, totale ou partielle du blog Blogger Code PE, représentation, modification, publication, traduction, adaptation totale ou partielle de l'un quelconque de ces éléments, accompagnée ou non d'un lien de référence, quel que soit le moyen ou le procédé utilisé, est interdite et sera considérée comme constitutive d’une contrefaçon et passible de poursuite (Les peines prévues à cet effet sont une condamnation de 3 ans d'emprisonnement et une amende de 300.000€) conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.
Nous nous réservons le droit d'afficher dans ce cadre les notifications d'infraction à la loi DMCA en relation avec le contenu de ce document et déposées par les représentants agréés du blog Blogger Code PE.
Affiliée au 
Google Product Experts Program - Ambassador & Troubleshooter.
- Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
- Affectation Google US, produit Blogger depuis le 28/07/2014.
Spécialisation : Technologie des thèmes Blogger.
Auteur originel de la théorie du langage XML Blogger : Règles syntaxiques, directives d'usage, classifications, compilations et corrélations des composants.
Cela représente près de 10 années de travail. Je remercie tous ceux qui ont respecté ma propriété intellectuelle et j'offre mes meilleurs sentiments aux nombreux contributeurs (Amis, Utilisateurs, Experts Produits Google, Blogger Team et Ingénieurs).
