Populaire depuis très longtemps

Facebook : Bouton partager [Share button]

DescriptionGadget TypeDefault Gadget VersionLayouts Version
Bouton de partage Facebook. Configuration pour Blogger, validé HTML5. Pour modèles standards ou dynamiques. 6 apparences. Liens, boutons, icônes, etc... Autres réglages : Restriction d'affichage, alignement,...
Blog
HTML
Text
1
1
2
Facebook : Share button / Bouton de partage
Le bouton Partager de Facebook, configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, dynamiques, éditeurs HTML standards et gadgets AddToBlogger.
Raccordement de l'url de l'article, de la page courante, du blog, ou à une simple adresse web.
2 formats : Bouton ou lien.
6 apparences : Lien et icône. Lien seul. Icône seul. Bouton simple. Bouton compteur vertical ou horizontal.
Le bouton emploie automatiquement la langue du blog.
Autres réglages : 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

Liens Boutons


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 ?
Sous cette configuration, le bouton se redimensionnera automatiquement.
Apparence
Format
Autres
Langue ?
ID application [NON-REQUIS] ?
Affichage du bouton ?
Mise en forme ?

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

<div class='fb-share-button'
     expr:data-href='data:post.url.canonical'
     data-type='button_count' />
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

Facebook : Bouton J'aime [Like button]