Pinterest, un site de partage des photo. comme les autres réseaux facebook et twitter , il existe un bouton de partage. Je vous montre comment ajouter ce bouton "Prin itpartager les photos de votre blog blogger.

Ajouter Bouton Facebook à votre modèle Blogger


Choisir Bouton Pinterest :

Ici, je donne tous les types
boutons de Pin It  alors choisissait l'un d'eux.

1. Bouton Pin it Horizontale


<script type='text/javascript'>
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement(&quot;script&quot;);
        s.type = &quot;text/javascript&quot;;
        s.async = true;
        if (window.location.protocol == &quot;https:&quot;)
            s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
        else
            s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
        var x = document.getElementsByTagName(&quot;script&quot;)[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent(&quot;onload&quot;, async_load);
    else
        window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->


2. Bouton Pin it Verticale



<script type='text/javascript'>
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement(&quot;script&quot;);
        s.type = &quot;text/javascript&quot;;
        s.async = true;
        if (window.location.protocol == &quot;https:&quot;)
            s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
        else
            s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
        var x = document.getElementsByTagName(&quot;script&quot;)[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent(&quot;onload&quot;, async_load);
    else
        window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->


3. Bouton  Pin it Bouton Sans compteur



<script type='text/javascript'>
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement(&quot;script&quot;);
        s.type = &quot;text/javascript&quot;;
        s.async = true;
        if (window.location.protocol == &quot;https:&quot;)
            s.src = &quot;https://assets.pinterest.com/js/pinit.js&quot;;
        else
            s.src = &quot;http://assets.pinterest.com/js/pinit.js&quot;;
        var x = document.getElementsByTagName(&quot;script&quot;)[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent(&quot;onload&quot;, async_load);
    else
        window.addEventListener(&quot;load&quot;, async_load, false);
})();
</script>
<!-- Pinterest button Start -->
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='pin-it-button' count-layout='none' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
</div>
<!-- Pinterest button End -->

Installer le Bouton sur Blogger

Ajouter de boutons à la fin de l'article

Si vous souhaitez ajouter les boutons ci-dessus à la fin de l'article (après le saut de page, le cas échéant), puis coller le code du bouton après le code ci-dessous

<div class='post-footer'>

Si vous souhaitez ajouter les boutons ci-dessus, en dessous du titre du message alors collez le code du bouton après le code ci-dessous après.

<div class='post-header-line-1'/>

OU

Ajouter le boutons ci-dessous après le titre du Message

<div class='post-header'>

Maintenant, sauvegardez votre modèle et vous avez terminé ....

0 commentaires:

Enregistrer un commentaire

Laisser un commentaire

💯 Meilleurs Articles sur LeBlogger.fr : Astuces Blogger et Blogspot

 
LeBlogger.fr - Astuces Blogger et Blogspot © 2013. Tous Droits Reservés. Produit Par Biz-Media

Le site le plus complet d'aide aux créateurs de blogs avec Blogger. Tutoriels, conseils et astuces.
LeBlogger est une plateforme d'actualité. C'est un service qui offre l'actualité Web, Astuces iPhone et astuces Facebook et des milliers de couverture pour vos page Facebook.
Services gratuits pour webmasters , des widgets pour votre site ou blog, pour mieux capter l'attention de vos visiteurs.
Top