Botón Pinterest sobre las imágenes fácil, fácil

Pinterest acaba de añadir los On hover Pin It buttons para que cuando tus usuarios pasen el ratón sobre una imagen les salga un pequeño botoncito para compartir en esta red.

Pruébalo en esta imagen:

foto-fondo-6

Implementarlo es realmente sencillo y en la próxima versión de Marla, el tema gratuito para WordPress, irá incluido.

Hay dos métodos:

1. Añade esto al final de tu código antes de </body>, en el footer.php si usas WordPress

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"
    data-pin-hover="true"
></script>

Si ya tienes un botón de Pinterest añade sólo el atributo data-pin-hover=”true”

2. O mejor utiliza la forma asíncrona:

<script type="text/javascript">
(function(d){
    var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
    p.type = 'text/javascript';
    p.async = true;
    p.src = '//assets.pinterest.com/js/pinit.js';
    f.parentNode.insertBefore(p, f);
p.setAttribute('data-pin-hover', true);
}(document));
</script>

Igual que antes si ya tenías este código en tu web añade sólo p.setAttribute(‘data-pin-hover’, true);

Escribí esto el 17/10/2013

Tu comentario

Usamos cookies para que mejorar la experiencia de usuario.

ACEPTAR
Aviso de cookies