A continuación explico una de las formas de conectar nuestro blog alojado en blogger, con esta red, para que los visitantes puedan difundirlo si quieren a través de ella, tal como es típico hacerlo a través de twitter, facebook,...
En éste caso vamos a colocar un botón de "pin it" genérico para todo el blog, no para una entrada individual.
Para colocar el botón "Pin it" fuera del área de los posts/entradas del blog, por ejemplo en la barra lateral(sidebar) o en el faldón(footer), copiar el siguiente código en un gadget nuevo o existente de blogger de tipo HTML/Javascript. Con esto, el botón aparecerá en todas las páginas, no sólo en las individuales de cada entrada, pero no vendrá con contador que nos indica cuántas veces nos han hecho "pin".
El código:
<a href='javascript:void(run_pinmarklet())'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2wDJa2XwSW2BPVkL4Lc5wGKpEHqse3agjInTXxkRSP1VevtjjB19TrkXioXgKO3Fzy0P7GZmQZZSQ6Bps5aXMAkwSLFF0g1WU3y2DqbBvv1VD0TVGgURQZaiw8EEVzygludq5hfQvXhZ/s1600/pinmask2.png" style='margin:0; padding:0; border:none;'/></a>
<script type='text/javascript'>
function run_pinmarklet() {
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);http://www.blogger.com/img/blank.gif
}
</script>
<script type='text/javascript'>
function run_pinmarklet() {
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);http://www.blogger.com/img/blank.gif
}
</script>
Resultado:
En éste ejemplo lo he metido en un gadget de tipo HTML/Javascript que tenía en la barra lateral de éste blog.
Quizás quieras añadir un botón de pinterest para cada entrada.
No puedo hacerlo!!! Me dice que la url contiene caracteres no válidos
ResponderEliminar@Sandra, ¿puedes por favor precisar qué URL es la que te de da el error?
ResponderEliminarAcabo de probar a crear un nuevo gadget de tipo HTML/Javascript, en la sección "Diseño" de la consola de configuración del blog y pegarle el código copiándolo directamente de la entrada del blog y todo funciona perfectamente.
Necesito más detalles para poder ayudarte.
Hola como puedo poner el mismo boton pero el vertical con el contador ?
ResponderEliminarCristian, con éste botón en particular no es posible. Su función es abrir un menú con las imágenes disponibles para agregarlas a pinterest. No relaciona un contenido específico con pinterest y no obtiene datos como contador, si no que sólo abre un menú.
EliminarHe buscado, pero no he encontrado de momento ningún otro ejemplo, para que por ejemplo te salga el botón de Pinterest con un contador que indique en general cuantas veces se ha marcado en total cualquier tipo de contenido de ese blog en pinterest. Aunque tampoco le vería a eso mucha utilidad.