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 it" partager les photos de votre blog blogger.
Choisir Bouton Pinterest :
Ici, je donne tous les types boutons de Pin It alors choisissait l'un d'eux.
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
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.
OU
Maintenant, sauvegardez votre modèle et vous avez terminé ....
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("script"); s.type = "text/javascript"; s.async = true; if (window.location.protocol == "https:") s.src = "https://assets.pinterest.com/js/pinit.js"; else s.src = "http://assets.pinterest.com/js/pinit.js"; var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x); } if (window.attachEvent) window.attachEvent("onload", async_load); else window.addEventListener("load", 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='"http://pinterest.com/pin/create/button/?url=" + 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("script"); s.type = "text/javascript"; s.async = true; if (window.location.protocol == "https:") s.src = "https://assets.pinterest.com/js/pinit.js"; else s.src = "http://assets.pinterest.com/js/pinit.js"; var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x); } if (window.attachEvent) window.attachEvent("onload", async_load); else window.addEventListener("load", 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='"http://pinterest.com/pin/create/button/?url=" + 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("script"); s.type = "text/javascript"; s.async = true; if (window.location.protocol == "https:") s.src = "https://assets.pinterest.com/js/pinit.js"; else s.src = "http://assets.pinterest.com/js/pinit.js"; var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x); } if (window.attachEvent) window.attachEvent("onload", async_load); else window.addEventListener("load", 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='"http://pinterest.com/pin/create/button/?url=" + 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é ....
Enregistrer un commentaire
Laisser un commentaire