lunes, 6 de febrero de 2012

Como agregar Pinterest en nuestro blog:

Como verán además del botón para seguirme en pinterest, agregué uno debajo de cada entrada.
Para las que no lo conocen : Pinterest es una pizarra virtual en donde uno escoge y muestra pins que le gustan, sean de tu propia pagina/ blog o de otros sitios.


Bueno la idea de este post es decirles como lo pueden hacer uds mismas, solo hay que annimarse ;P.
Va a quedar así:

1- Una vez que hayas iniciado sesión en su cuenta de Blogger, ve a la pestaña Diseño y seleccione Editar HTML.
2-  Asegúrese de marcar la casilla "Expandir plantillas de artilugios" .




3-  Busque  <div class='post-footer'>  y pegar el siguiente código directamente después de eso:

<div style="float: right; margin: 4px;"><a href="javascript:void((function(){var%20e=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)})());"><img alt="Pin It" class="aligncenter" src="http://img.photobucket.com/albums/v419/green_tea/pin.jpg" /></a></div>


 4. Guardar la plantilla .
Tengan en cuenta que esta codificación hace que el botón de Pin que aparecen en la parte inferior derecha de sus mensajes.

Sé que viene el pin en otros colores, pero la verdad es que no se como hacerlo.... :P
Espero que les sirva... para mi fue todo un logro .

                                                 ♥ Que tengan una hermosa semana ♥

PD: las fotos se ven chicas por un tema de configuración del ancho de mi blogg, pero pueden ampliarlas dando un clik sobre la imagen :D



27 comentarios:

  1. ayyy entre pinterest y las washi tapes y todas las restantes delicias de este mundo, quién quiere ir a lavar los platos????

    ResponderEliminar
  2. jajaja eli ni hablar entre tanta cosa me estoy convirtiendo en una obse q pasa horas frente a la compu :P.
    Besos

    PD: igual nadie en su sano juicio quiere lavar los platos, jajaja

    ResponderEliminar
  3. GRACIASSSSSSSSSSSS, lo acabo de hacer!!! me levanto la autoestima hacerlo!!!! jajjajjaj

    ResponderEliminar
  4. Para cambiar el tipo de botón tienes que cambiar la URL de la imagen. Es decir, buscar otra imagen que te guste y copiar la URL.
    En tu ejemplo: http://img.photobucket.com/albums/v419/green_tea/pin.jpg

    ResponderEliminar
  5. Gracias por la ayuda! vi la opción en Pinterest pero no sabía bien dónde pegar el código!
    Por si quieres ver la explicación es en: “Pin It” Button for Websites http://pinterest.com/about/goodies/
    Saludos :)

    ResponderEliminar
  6. Vuelvo a escribirte porque después de probar los dos, me gusta más tu código, con la presentación a la derecha
    Gracias de nuevo! Nos vemos en Pinterest!

    ResponderEliminar
  7. Hey gracias por compartir esto, justamente buscando información
    caí a tu blog jejeje, ya te sigo
    Saludos!!

    ResponderEliminar
  8. Muy bueeeenoooo, lo agregué a mi blog!
    Gracias!
    Besote!

    ResponderEliminar
  9. Mil gracias! Pude hacerlo siguiendo tus indicaciones!

    ResponderEliminar
    Respuestas
    1. Que bueno!!! gracias por pasar y dejar un comentario. Beso

      Eliminar
  10. ¡Gracias por compartir! Talvés lo ponga en mi sitio, solo que no sé si tengo que estar inscrita en Pinterest. :) ¿Alguien sabe?

    ResponderEliminar
    Respuestas
    1. Hola Yeni, si tenes que ser miembro de pinterest, fijate en la pagina principal donde dice solicitar invitación, llena tus datos y te mandan un mail a tu correo :D.
      Besos

      Eliminar
  11. Gracias Cyn por compartirlo. Ya lo hice y quedó bien (eso que soy pésima!!!) Mañana agradezco en link!!! Beso, M.

    ResponderEliminar
    Respuestas
    1. Gracias por pasar!! me alegro mucho que sirva mi explicacion y que a todas les funcione bien :D.
      Besos

      Eliminar
  12. intente hacerlo pero no aparece, tal vez sea por que no estoy registrada en pinterest?? pero ya pedi la invitacion, y veo que pasa, soy pesima para esto del html
    malu (http://vindage.blogspot.com/)

    ResponderEliminar
    Respuestas
    1. Hola, si primero tenes que tener una cuenta en pinterest, por que a partir de ahí subís lo que pineas (jaja inventé una palabra :P) a tus pizarras y luego eso sale en la pizarra general.
      Besos.

      Eliminar
    2. buenisimo, gracias, espero que despues se active y pineo todo!! jaja

      Eliminar
  13. andaba buscando como loca la manera de insertar el boton pinit.. mil gracias por tu paso a paso!!!

    ResponderEliminar
  14. Muchas gracias!!! me sirvió mucho la informacion :D

    ResponderEliminar
  15. MIL GRACIAS! Encontré otras instrucciones pero me parecieron muy difíciles, como para informáticos de 3er nivel... Las tuyas son muy claras, lo probé en un nuevo blog que voy a crear y FUNCIONA!!!

    Aunque les tengo que decir que me dejé la vista para encontrar el dichoso div class=post-footer ;D. En mi caso aparece más o menos a la mitad de toda la parrafada en html.

    Montse

    ResponderEliminar
  16. Gracias por el post, estoy intentando ponerlo en mi blog.

    ResponderEliminar
  17. Muchísimas gracias! He estado una tarde entera probando y tu código es el único que me ha servido, ni el propio de Pinterest me servía. Saludos!

    http://lamasmona.blogspot.com.es/

    ResponderEliminar