Pack Plugins Facebook : Like, Share, Save et Quote

Par –
Pack Plugins Facebook [like/share/save/quote]

Les soldes arrivent sur Blogger Code. Pas moins de 4 plugins Facebook pour le prix d'un seul.
Le générateur vous propose d'installer les plugins J'aime, Partager, Enregistrer et Citation dans le pied de l'article.
Ce développement XML contient les dernières évolutions du language Blogger et est compatible avec tous les thèmes officiels Blogger.

En obtenant et en utilisant des plugins Facebook, vous acceptez les conditions d'utilisation de Facebook.

Présentation

Le développement génère 54 plugins Facebook prévus pour travailler dans les Layouts Version 1, 2 et 3 :

  • Le bouton "J'aime" : Notifier sur Facebook que vous aimez cet article.
  • Le bouton "Partager" : Partager cet article sur Facebook.
  • Le bouton "Envoyer" : Envoyer cet article via un message à vos contacts Facebook (bouton déprécié depuis le 5 février 2018).
  • Le bouton "Enregistrer" : Enregistrer le lien de cet article dans votre sélection Facebook.
  • Le plugin "Citation" : Permet de partager une section de texte de l'article sur Facebook.

Avant de commencer l'installation, équipez votre blog du script Facebook JS SDK en prenant soin d'ajouter la langue de votre blog et l'identifiant de l'application associé à votre blog.

Installation

Configurez les plugins et suivez les instructions d'installation.

Compatibilité
Version En savoir plus
Plugins ?
Apparence
Taille
Compteur ?
Action ?

L'inclusion
<b:includable id='postFacebookPlugins'>
<!-- Pack Plugins Facebook - Blogger Config.
     Ref.: https://goo.gl/rK99GM -->
  <div class='PluginsFacebook'>
    <b:class cond='data:widget.version == 2' name='post-footer'/>
    <b:attr name='style' value='margin: 50px 0; text-align: center;'/>
    <b:with value='data:view.isMultipleItems ? data:plugins where (p => p not in ["quote"]) : data:plugins' var='plugins'>
    <b:loop values='data:plugins contains "like" ? data:plugins where (p => p not in ["share"]) : data:plugins' var='plugin'>
      <div>
        <b:class expr:name='"fb-" + data:plugin + (data:plugin == "share" ? "-button" : "")'/>
        <b:attr expr:name='data:plugin == "save" ? "data-uri" : "data-href"' expr:value='data:post.url.canonical'/>
        <b:attr name='b:whitespace' value='remove'/>
        <b:attr cond='data:plugin == "like"' name='data-action' expr:value='data:action'/>
        <b:attr cond='data:plugin in ["like","share"]' name='data-layout' expr:value='data:count ? "button_count" : "button"'/>
        <b:attr cond='data:plugin == "like"' name='data-show-faces' value='false'/>
        <b:attr cond='data:plugin == "like"' name='data-share' expr:value='data:plugins any (p => p in ["share"])'/>
        <b:attr cond='data:plugin != "quote"' name='data-size' expr:value='data:size'/>
        <b:attr cond='data:plugin != "quote"' name='data-mobile_iframe' value='true'/>
      </div>
    </b:loop>
    </b:with>
  </div>
</b:includable>
Où recopier ce code ?

L'inclusion doit être injectée dans le widget Blog, juste après les balises de réglages.

</b:widget-settings>
<!-- add code here -->

Raccordement de l'inclusion
<b:include cond='not data:blog.adultContent and not data:blog.isPrivateBlog and (data:widget.version == 2 ? data:view.isSingleItem : true)'
           data='{ plugins: ["like","share","save","quote"], action: "like", size: "small", count: true }'
           name='postFacebookPlugins'/>
Où recopier ce code ?

Le raccordement doit être positionné dans le code XML du gadget Blog.

Choisissez l'un de ces emplacements :

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 ➤