Excessivement populaire

Pinterest : Bouton Pin-It / Pin-It Button

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.


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

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



Spotlight

Populaires cette semaine

Twitter : Bouton mentionner / Mention button