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

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

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

    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...

    Iniciar una "Navegacion Privada" en Google Chrome