Excessivement populaire

Pinterest : Bouton Pin-It [Pin-It Button]

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.

Nous vous rappelons que lorsque vous accédez à ce blog, vous signez automatiquement un accord avec Blogger Code.
Consultez les CGU.


Le bouton Pin-It de Pinterest
Le bouton Pin-It de Pinterest, spécifique pour Blogger.
Ce bouton permet à vos visiteurs d'épingler dans un tableau vos articles sur ce réseau social.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Choix de l'apparence (Rectangulaire, circulaire, sans compteur, compteur vertical, compteur horizontal, couleur, langue).
Possibilité d'épingler les articles sans photo.
Réglages supplémentaires : Restriction d'affichage, alignement, choix des adresses, images, descriptifs, etc.

Palette de boutons

Sans compteur Compteur horizontal Compteur vertical
Petit Gris Pin-it
Grand Gris
Petit circulaire
Grand circulaire


Configuration du bouton

Dernière correction : 16/05/2014.

Raccordement
Choix de l'adresse
Placer dans
Raccorder à
URL
IMG substitution ?
Description ?
Apparence
image
Format
Compteur
Couleur
Taille
Langue
Affichage du module ?
Mise en forme ?

Le code du bouton
<!-- Pin-it button Pinterest - Blogger Config.
     Ref.: https://goo.gl/Drjxab -->

<b:if cond='data:post.firstImageUrl'>
  <a expr:href='"//www.pinterest.com/pin/create/button/?url=" + data:post.url.canonical + "&amp;amp;media=" + data:post.firstImageUrl + "&amp;amp;description=" + data:blog.pageTitle.escaped'
     data-pin-do='buttonPin'
     data-pin-shape=''
     data-pin-config='above'
     data-pin-color='gray'
     data-pin-lang='en'
     data-pin-height='20' >
    <img src='//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png' />
  </a>
</b:if>
Où recopier ce code ?


Le script
<script type='text/javascript' async='' src='//assets.pinterest.com/js/pinit.js' />
Où recopier le script ?
Le script Pinterest 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 Pinterest sur votre blog, vous n'êtes plus obligé de le rajouter à nouveau.
Le script doit être positionné juste avant la balise </body> dans le code HTML du blog.


Liens divers

Fiches populaires cette semaine

Facebook : Bouton J'aime [Like button]

Opérateur d'extraits [snippet]