Páginas

Mostrando entradas con la etiqueta botón. Mostrar todas las entradas
Mostrando entradas con la etiqueta botón. Mostrar todas las entradas

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>