Páginas

miércoles, 22 de febrero de 2012

Añadir un botón Pin it a tu blog


Donde más juego nos puede dar un botón de Pinterest es en tumblr ya que la mayoría de contenidos que se comparten en dicha plataforma son imágenes:

Añadir un botón para pinear contenidos de tipo foto en Tumblr

Ir a preferencias (botón con el icono de la llave inglesa) y allí pulsar el Editar HTML

Busca el tag </body> y añade este código:
<script type=”text/javascript” src=”http://assets.pinterest.com/js/pinit.js”></script>

Busca el tag {block:Photo} y añade el siguiente código lo más próximo al tag {NoteCountWithLabel} de manera que siga una estructura HTML coherente:

<a href=”http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-HighRes}&description={PhotoAlt}” class=”pin-it-button” count-layout=”horizontal”>Pin It</a>

Añadir un botón para pinear contenidos en Wordpress

Crear un widget de texto e insertar este código:

Comparte en Pinterest <a href="javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());" class="pin-it-button" count-layout="horizontal">
<img src="http://passets-cdn.pinterest.com/images/about/small-p-button.png"/></a>

Añadir un botón para pinear contenidos en Blogger

Desde la pantalla de plantilla de diseño añadir un gadget HTML/javascript e insertar este código:

Comparte en Pinterest <a href="javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());" class="pin-it-button" count-layout="horizontal">
<img src="http://passets-cdn.pinterest.com/images/about/small-p-button.png"/></a>

2 comentarios:

  1. ¡Hola!
    Muchas gracias por la info... ¡Muy fácil!
    Un saludo

    ResponderEliminar
  2. Gracias por la información. Me ha venido genial para ponerlo en mi blog.
    Saludos

    ResponderEliminar