Ir al contenido principal

Pinterest en Blogger: Insertar el botón de "Pinear"

Mira el turorial de insertar Pinterest en blogger ...

La red social Pinterest esta pegando bastante fuerte en las redes sociales, y aunque yo no la he empezado a usar, se que lo haré después, así pasó con Facebook... al principio no quería pegarme a toda la gente que se registraba, pero al final terminas cediendo.

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:
  • Click en Plantilla
  • click en el botón "Edicion de Html"
  • Expande la plantilla de artilugios
  • Pulsa (ctrl + f) y busca el siguiente codigo:
Para que aparezca al final del post:
    <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='&quot;http://pinterest.com/pin/create/button/?url=&quot; + 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(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
    e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
    e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
    document.body.appendChild(e);
    }
    </script>
    <!-- Fin de Botón de Pinterest -->
    • Click en guardar y ¡Listo!

    Comentarios

    1. 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?
      Gracias!

      ResponderEliminar

    Publicar un comentario

    Entradas populares de este blog

    Iniciar una "Navegacion Privada" en Google Chrome

    Guardar Imágen sin fondo - PNG - En Photoshop

    Tags: guardar imagen sin fondo photoshop, imagen png photoshop, como guardar una imagen png sin fondo en photoshop, fondo invisible que no se ve en photoshop...

    Top 10: Bancos de Fotografías en Español

    Tags: Bancos de imagenes, banco de fotografias, bancos de fotografias en español...