Como mostrar tus ultimos pins de Pinterest en tu blog

Anteriormente es nuestro blog hemos visto como agregar nuestros últimos Tweets, fotos de Flickr o Instagram, pero en esta ocasión les traemos un nuevo gadget que les ayudará a mostrar sus ultimos pins o fotos publicadas en Pinterest en cualquier parte de tu blog.

Este gadget es de gran importancia porque así promovemos nuestro perfil de Pinterest, una red social que ha crecido considerablemente durante los últimos años y que, al igual que Facebook, Twitter o Google Plus, es un gran medio para llevar visitas a nuestro blog.

Para empezar necesitamos una cuenta de Pinterest, si no tenemos una vamos al sitio web oficial y podemos crear una rápidamente con nuestro correo o podemos usar nuestras cuenta de Twitter o Facebook. Una vez creada nuestra cuenta debemos de guardar nuestro nombre de usuario que encontramos al final de la URl de nuestro perfil, ejemplo: pinterest.com/usuariox


Ahora con nuestra cuenta creada en Pinterest debemos de empezar a subir imágenes o pins para que el agregar el gadget en nuestro blog se muestran resultados, de lo contrario no se mostrará nada. Como recomendación deben de agregar el botón de “Pinear” las imágenes en nuestro blog para que así tu o cualquier usuario puedan compartir las imágenes o fotos de tu blog en sus cuentas de Pinterest.

Vamos al grano ahora, lo único que necesitamos es un código HTML el cual podemos agregar con un gadget en el sidebar de nuestro sitio. Para eso vamos a nuestra cuenta de Blogger y veremos nuestros blogs por lo que seleccionamos la flecha de “mas opciones” para cada blog y vamos a “Diseño” el cual directamente nos llevará al panel del blog.



Ahora vamos a agregar el gadget HTML como muestra la imagen:


Agregamos el siguiente código, que es un Javascript:

 <script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.setAttribute('data-pin-hover', true);
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script>
<a data-pin-do="embedUser" href="http://pinterest.com/osmanleiva1/"></a>
Lo unico que debes de cambiar es el nombre de usuario que esta en color "rojo" al final del codigo por tu user de Pinterest.
Hacemos clic en “Guardar” y podremos ver los resultados como se muestran en la imagen:


En nuestro blog demo pueden ver los resultados funcionando. Entre las características del gadget de Pinterest es que muestran nuestro nombre de perfil, avatar, un enlace hacia nuestro perfil completo y las imágenes son ajustables al tamaño del sidebar.

Si quieres recibir mas tutoriales y gadgets por correo electronico, suscribete gratis a nuestro blog, visita nuestra pagina de facebook o añade nuestro feed Rss.

Compartelo!:

3 comentarios:

  1. Ok, trate de colocar este gadget "Como mostrar tus ultimos pins de Pinterest en tu blog", el problema es que si pongo el codigo como esta aquí me da la misma imagen que tenemos aquí de de Osman Leiva y si cambio al final la dirección de el por la mía me sale conque no encuentra la pagina, mi pagina. Creo de necesito más datos para poderlo usar.

    ResponderEliminar
  2. El modificado en color rojo el usuario que debes de cambiar, recuerda usar el tuyo que esta en Pinterest.

    ResponderEliminar
  3. Genial!!! GRACIAS!!! Me encanto y funciona perfectamente!!! GRACIAS GRACIAS GRACIAS!!!

    ResponderEliminar

- Antes de hacer una consulta (pregunta), por favor utiliza el Buscador.

- Por favor, cualquier otra pregunta que tengas, la puedes hacer en la entrada correspondiente.

- Haremos todo lo posible por responderte o acusarte recibo antes de 24 horas. A veces, podremos hacerlo, otras veces no será posible, y nos tomará un poco más… ten paciencia.

- Los comentarios que a mi criterio se escriban solo para dejar un enlace o un link seran eliminados.

- ¡Muchas gracias por comentar o por preguntar!