Integrer le bouton Pinterest (Pin it) pour Blogger/Blogspot

Pinterest est un site web américain mélangeant les concepts de réseautage social et de partage de photographies, lancé en 2010 par Paul Sciarra, Evan Sharp et Ben Silbermann. Il permet à ses utilisateurs de partager leurs centres d'intérêt, passions, hobbies, à travers des albums de photographies glanées sur l'Internet. 

Pinterest peut être une source non-négligeable de trafic vers votre blog, en intégrant le bouton 'Pin it ' facilement sur votre blog!

Ajouter le bouton Pinterest à votre blog (Tutoriel)

I - Ajouter le script Pinterest à votre blog :

1 - Connectez vous à Blogger > Tableau de bord > Modèle > Traiter
2 - Cherchez </head> , et juste avant, collez le code ci dessous:

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_blogger_pinit.js"></script>

II - Ajouter le bouton pinterest :

1 - Cherchez maintenant <data:post.body/>
2 - Copiez le code ci-dessous, soit avant ( le bouton apparaîtra avant l'article ), soit après ( le buton apparaîtra à la fin de l'article ) .

<b:if cond='data:blog.pageType == &quot;item&quot;'><div expr:id="&quot;w2bPinit-&quot; + data:post.id" style="display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPinitButton"><data:post.body/><script type="text/javascript"> w2bPinItButton({ url:"<data:post.url/>", thumb: thumb: "\<data:post.thumbnailUrl/>", id: id: "<data:post.id/>", defaultThumb: defaultThumb: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYucufi67xPypVIqXfbxhKyaUscO2oRwE_tYvsnahhjUELQ2jnJouGFCBLSNvsmsD_d0AEabAqArowJ-E_UwM6eWy_P2mxubJoBIghVhREIv3XSZ1NaYKyuvgAlxaR-1rZNj2mkc7D056A/s1600/w2b-no-thumbnail.jpg", pincount: pincount: "horizontal" }); </script></div></b:if>

Options :
Remplacez le code Rouge horizontal par ' verticle '  pour un bouton verticale avec compteur, ou remplacez le par ' none ' pour un bouton horizontale sans compteur.