Excessivement populaire

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

Gadget VersionLayouts Version
1
1
2
Modifier
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!

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
Format
Compteur
Couleur
Taille
Langue
Affichage du module ?
Mise en forme ?

Le code du bouton
<!-- Pin-it button Pinterest - Blogger Config.
     Ref.: http://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

Posts les plus consultés de ce blog