Revista Blog

Instalar el Pin it de Pinterest en Blogger

Publicado el 24 enero 2014 por Shirlero @shirlero
Banner de la entrada Instalar el Pin it de Pinterest en BloggerPara los usuarios cuyos contenidos tengan una gran cantidad de material multimedia en forma de imágenes puede ser interesante que estas tengan la posibilidad de mostrar el botón Pin It de Pinterest incorporado existiendo desde hace varios meses una forma muy sencilla de incorporar esta función en tu blog proporcionada por el propio Pinterest.
El sistema funciona prácticamente en todas las plantillas de Blogger salvo la de vistas dinámicas ya que no acepta personalización y hace que aparezcan los botones de Pin It en imágenes con un ancho y altura mínima de 200 y 100 pixeles respectivamente omitiéndose para imágenes más pequeñas.

Si ya tienes instalado el widget de Pinterest


Si ya hemos instalado previamente el widget de Pinterest todo lo que deberíamos hacer es agregar los datos correspondientes a data-pin-hover="true" en el código ya existente de la siguiente forma.
<script type="text/javascript" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

Si eres un usuario nuevo


Si no estabas usando ya ningún widget de Pinterest el proceso es un poco más largo pero los pasos son relativamente sencillos. Dentro del escritorio de Blogger accederemos al panel del blog al que estamos interesados en añadir la funcionalidad y seleccionaremos Plantilla para acceder a Editar HTML y buscaremos la etiqueta </body> insertando justo encima de esta el código mostrado anteriormente.
<script type="text/javascript" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
Guardaremos la plantilla y ya debería estar todo listo.

Quitando el botón Pin It de ciertas imágenes


Existen dos formas de que no aparezca el Pin It en ciertas imágenes, la primera seria añadiendo el atributo nopin a las propiedades de la imagen a partir de la vista de edición HTML al final los atributos de imagen 
<img alt="altImagen" border="0" src="urlImagen" title="titleImagen" nopin="nopin" />
De esta forma no solo desaparecerá el botón Pin It de la imagen sino que además no podrá ser insertable en Pinterest de ninguna otra manera. Si solo queremos que no aparezca el botón pero si que se pueda insertar en Pinterest deberíamos usar el atributo data-pin-no-hover en lugar del nopin entre los atributos de imagen de la misma forma que antes.
<img alt="altImagen" border="0" src="urlImagen" title="titleImagen" data-pin-no-hover="true"/>

Como quitar el botón Pin It de las imágenes de cabecera


Puede darse el caso en alguna ocasión de que se añada un botón de Pin It en nuestra imagen de cabecera del blog, de todas formas si queremos evitar esto simplemente deberemos introducir un código en nuestra plantilla a partir de la edición en HTML de esta y al igual que se ha comentado ya buscar la etiqueta </body> para insertar justo encima el siguiente código.
<script type="text/javascript">
document.getElementById ("Header1_headerimg") setAttribute ("Nopin", "Nopin").;
</script>
Daremos a guardar plantilla cuando creamos que hallamos terminado y comprobaremos que todo este correcto.

Volver a la Portada de Logo Paperblog