Excessivement populaire

Facebook : Bouton J'aime [Like button]

Default Gadget VersionLayouts Version
1
1
2
Attention ! Les catégories Fonctionnalités et Développements vont bientôt faire l'objet d'une révision.
Actuellement, cette page peut contenir des liens morts et des informations obsolètes!

Facebook : Like button / Bouton J'aime
Le bouton J'aime de Facebook, configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, dynamiques, éditeurs HTML standards ou gadgets AddToBlogger.
Raccordement de l'url de l'article, de la page courante, du blog, ou à une simple adresse web.
4 formats : sur une ligne, sans compteur (nouveau), compteur vertical, compteur horizontal.
Choix des actions : Aime, recommande, partage.
Le bouton emploie automatiquement la langue du blog.
Autres réglages : Profils, dimensions, identifiant application, CSS personnalisés, etc.

Présentation du bouton

Le générateur ci-dessous a été spécialement conçu pour répondre aux exigences des modèles Blogger.

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, dans un modèle dynamique, 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.


Raccordement
Choix de l'adresse
Placer dans
Raccorder à
URL
Dimensions ?
Largeur 450px ?
Apparence
Format
Thème
Action
Bouton Partager Bouton partager seul
Profils ?
Autres
Langue ?
ID application [NON-REQUIS] ?
Affichage du bouton ?
Mise en forme ?

Le code du bouton
<!-- Like button Facebook - Blogger Config.
     Ref.: http://goo.gl/QHl3MA -->

<div class='fb-like'
     expr:data-href='data:post.url.canonical'
     data-layout='standard'
     data-action='like'
     data-colorscheme='light'
     data-width='450'
     data-show_faces='false'
     data-share='false' />
Où recopier ce code ?


Le script
<div id='fb-root'/>
<script>
  var BlogLocale = &quot;<data:blog.locale/>&quot;;
  // <![CDATA[
    (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      var localeList = { 'af': 'af_ZA', 'de': 'de_DE', 'en': 'en_US', 'en_GB': 'en_GB', 'ar': 'ar_AE', 'eu': 'eu_ES', 'bn': 'bn_IN', 'bg': 'bg_BG', 'ca': 'ca_ES', 'zh_HK': 'zh_HK', 'zh_CN': 'zh_CN', 'zh_TW': 'zh_TW', 'ko': 'ko_KR', 'hr': 'hr_HR', 'da': 'da_DK', 'es_419': 'es_LA', 'es': 'es_ES', 'et': 'et_EE', 'fil': 'tl_PH', 'fi': 'fi_FI', 'fr': 'fr_FR', 'fr_CA': 'fr_CA', 'gl': 'gl_ES', 'el': 'el_GR', 'iw': 'he_IL', 'hi': 'hi_IN', 'hu': 'hu_HU', 'id': 'id_ID', 'is': 'is_IS', 'it': 'it_IT', 'ja': 'ja_JP', 'lv': 'lv_LV', 'ms': 'ms_MY', 'ml': 'ml_IN', 'nl': 'nl_NL', 'no': 'nn_NO', 'fa': 'fa_IR', 'pl': 'pl_PL', 'pt_BR': 'pt_BR', 'pt_PT': 'pt_PT', 'ro': 'ro_RO', 'ru': 'ru_RU', 'sr': 'sr_RS', 'sk': 'sk_SK', 'sl': 'sl_SI', 'sv': 'sv_SE', 'sw': 'sw_KE', 'ta': 'ta_IN', 'cs': 'cs_CZ', 'te': 'te_IN', 'th': 'th_TH', 'tr': 'tr_TR', 'uk': 'uk_UA', 'vi': 'vi_VN', 'am': 'en_US', 'gu': 'en_US', 'kn': 'en_US', 'mr': 'en_US', 'or': 'en_US', 'ur': 'en_US', 'zu': 'en_US' };
      js.src = "//connect.facebook.net/"+localeList[BlogLocale]+"/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, "script", "facebook-jssdk"));
  // ]]>
</script>
Où recopier le script ?

Le script Facebook est un élément essentiel au fonctionnement de tous les modules officiels de ce réseau social. Si vous avez déjà installé un module Facebook sur votre blog, vous n'êtes plus obligé de le rajouter à nouveau.

Le script doit être positionné juste après la balise <body > dans le code HTML du blog.

En savoir plus

Posts les plus consultés de ce blog

Ajouter des boutons à la barre de partage Blogger