![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYUAWu6adiqordyYqMJYQf1grafq7ulgREl05rdqONQVM5RsX0ZQZzcxoJg9mhqpMEj4AfhRzl8-Ezpva2zCRZHD-Zh5rlvgHfHVz3BoW1CqYcavLeFBKo3kEXCkwNxxYi8A4lytfWZho/s1600/pinterest-en-blogger.png)
Ok, ahora si al punto. Pinterest es una página web que cumple la función de tablón virtual, a través del cual puedes descubrir, organizar y compartir imágenes y vídeos que por algún motivo te interesan, tal vez se preguntaran ¿Para que sirve esto en cuanto a mi Pagina web o blog?, Sirve para generar mas trafico.
Para insertar el botón de Pinterest (apodado "Pinear", como twittear) en Blogger deberás seguir los siguientes pasos:
Para insertar el botón de Pinterest (apodado "Pinear", como twittear) en Blogger deberás seguir los siguientes pasos:
- Click en Plantilla
- click en el botón "Edicion de Html"
- Expande la plantilla de artilugios
- Pulsa (ctrl + f) y busca el siguiente codigo:
<div class='post-footer'>
Para que aparezca al principo del post: <div class='post-footer'>
- A continuacion copia el siguiente codigo, y pegalo debajo de la linea encontrada anteriormente:
<!-- Insertar el boton de Pinterest-->
<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It Ahora!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<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);
}
</script>
<!-- Fin de Botón de Pinterest -->
<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It Ahora!</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<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);
}
</script>
<!-- Fin de Botón de Pinterest -->
- Click en guardar y ¡Listo!
Hola, he probado a poner el botón en mi blog, y lo he hecho sin problemas. El problema es que cuando hago click para "pinnar" el post, este pin está vacío (la imagen me sale en blanco) y por lo tanto no se "pinnea" nada.Que me aconsejas?
ResponderEliminarGracias!
A mí me ha pasado lo mismo
ResponderEliminarEstamos igual.
ResponderEliminar