10 feb. 2013

Añadir botón Pinterest en Blogger


Como poner el botón "Pinear" de Pinterest en cada post de Blogger
                                     
   1. Entra en la configuración del blog.
   2. Haz click en la pestaña "Plantilla".
   3. Haz click en el botón "Editar HTML".
   4. Buscar los códigos con las teclas CTRL+F
   5. Busca el siguiente código:
</body>
   6. Justo encima añade este código:
<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>
   7. El resultado debe ser este:
<script src='//assets.pinterest.com/js/pinit.js' type='text/javascript'/>
</body> 
   8. Ahora busca este código:
<div class='post-footer-line post-footer-line-2'>
   9. Añade justo encima el siguiente código:
<!-- Pinterest -->
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;description=&quot;+ data:post.title + &quot;&amp;media=&quot;+data:post.firstImageUrl'><img border='0' src='//assets.pinterest.com/images/PinExt.png' title='Pin It'/></a>
<!-- Pinterest -->
 10. El resultado debe ser este:
<!-- Pinterest -->
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;description=&quot;+ data:post.title + &quot;&amp;media=&quot;+data:post.firstImageUrl'><img border='0' src='//assets.pinterest.com/images/PinExt.png' title='Pin It'/></a>
<!-- Pinterest -->
<div class='post-footer-line post-footer-line-2'> 
 11. Pulsa en "Vista previa" y si ves el botón "Pinear" ya puedes guardar la plantilla.

59 comentarios :

  1. ¡Muchas gracias por compartir!

    Está explicado de forma clara y concisa. Perfecto para torpes como yo :P jeje

    Saludos

    ResponderEliminar
  2. I don't even know how I ended up here, but I thought this post was good. I don't know who you are but definitely you're going to a famous blogger if you are not already ;) Cheers!

    Feel free to visit my web-site - diets that work

    ResponderEliminar
  3. Hola.
    He conseguido poner el botón de pinterest en mi blog pero sólo puedo pinear una de las fotos de cada una de las entradas. ¿Cómo puedo hacer para elegir cada una de las fotos que quiero pinear?.

    Gracias

    ResponderEliminar
  4. Hola, hace un par de horas que estoy renegando con el boton de Pinterest, pero aqui lo encontre tan bien explicado que logre ponerlo en mi blog! Muchas gracias por compartir la explicacion, saludos!

    ResponderEliminar
  5. Fantástico y sencillo tutorial. No conseguía añadir el botón de pinterest a mi blog y por fin lo he conseguido con tu ayuda. Muchas gracias!!!

    ResponderEliminar
  6. muchas gracias ha sido de gran ayuda para mí, poque despues de dar mil vueltas este a quedado genial

    ResponderEliminar
  7. hice lo que dice el tutorial pero no me puso el botón, ha alguien mas le ha pasado? :(

    ResponderEliminar
    Respuestas
    1. Funciona bien, a nadie le ha pasado, inténtalo otra vez
      besos

      Eliminar
    2. Acabo de visitar tu blog y si tienes el botón,
      Funciona bien.

      Eliminar
  8. Hola Palmira, yo tengo que ser algo pato porque por más que intento que salga este deseado botón no hay manera. Gracias por tu ayuda

    ResponderEliminar
  9. Gracias Palmira por la explicación, ya lo he hecho y funciona a la perfección. Enhorabuena por tu Blog, tienes una seguidora más. ;)

    ResponderEliminar
  10. Palmira perdona por mi pregunta pero el pinterest para que es, esque todavia soy muy verde. De todas maneras es una esplicacion total para quien sepa para que sirve. besossss

    ResponderEliminar
  11. Pinterest es una red social, es un sitio para subir y compartir fotografías, hay enlaces a paginas, blog, esquemas de punto de cruz y muchas cosas mas, primero tienes que registrarte, aquí mi Pinterest http://pinterest.com/palmirapv/ besos

    ResponderEliminar
  12. Hola! he logrado poner el boton de Pinterest, pero cuando le hago clic para pinear me dice que no hay ninguna cuenta, como es posible? gracias!

    ResponderEliminar
  13. Hola, me ha venido muy bien el tutorial y ya lo tengo, ahora me gustaria saber como hacerlo para pinspire,gracias.

    ResponderEliminar
  14. Hola Palmira, encantada de conocerte! He seguido tu magnífico tutorial y he conseguido ver la vista previa, pero no aparece el botón de pinear!!! sabes porqué será?. Podrías ayudarme con esto. Muchísimas gracias!!!! Me quedo por aquí para no perderme ninguna de tus entradas.
    Besos.
    Mami.
    Mi blog por si te apetece curiosear
    http://coseycalla.blogspot.com.es/

    ResponderEliminar
  15. POR FIIIIIN!!!!!! he entrado en mil páginas para ver como se hacia y ninguna funcionaba... pero con los códigos que da ésta si que sirve. Mil gracias!!!

    ResponderEliminar
  16. Amei conhecer o seu blog e achei maravilhoso.Obrigada pelas dica do Pinterest. Me visite:http://algodaotaodoce.blogspot.com.br/
    Siga-me e pegue o meu selinho!!!

    Obrigada.

    Beijos Marie.

    ResponderEliminar
  17. siii lo logre! muchas gracias por el dato!

    ResponderEliminar
  18. Hola Palmira, sono italiana e vivo a Milano mi sono imbattuta per caso nel tuo blog che è bellissimo. Ma quante cose sai fare??? Sei bravissima. Ho visto anche le foto del CARTA DMC FLEURS TOUT EN NUANCE e Carta DMC numeros. Sto provando anche io a farne uno simile e sto cercando qualche tutorial che mi possa aiutare. Bellissimi anche gli schemi dei ricami. Potresti aiutarmi nel darmi qualche indicazione su come assemblare il libro? Ovviamente se questo non fosse un problema per te. Ti ringrazio infinitamente. Puoi scrivermi alla mia e-mail manrica63@gmail.com
    Grazie ancora Donatella

    ResponderEliminar
  19. Hola Palmira, sono italiana e vivo a Milano mi sono imbattuta per caso nel tuo blog che è bellissimo. Ma quante cose sai fare??? Sei bravissima. Ho visto anche le foto del CARTA DMC FLEURS TOUT EN NUANCE e Carta DMC numeros. Sto provando anche io a farne uno simile e sto cercando qualche tutorial che mi possa aiutare. Bellissimi anche gli schemi dei ricami. Potresti aiutarmi nel darmi qualche indicazione su come assemblare il libro? Ovviamente se questo non fosse un problema per te. Ti ringrazio infinitamente. Puoi scrivermi alla mia e-mail manrica63@gmail.com
    Grazie ancora Donatella

    ResponderEliminar
  20. ciao Palmira, per caso sono passata dal tuo blog e sono meravigliata dalle belle cose che crei e ricami. Sei molto brava. Ho visto tra le altre cose che hai ricamato Carta DMC numeros ed anche io sto provando a ricamarlo. Ti chiederei se fosse possibile un aiuto: riusciresti a mandarmi qualche indicazione su come confezionare questo libro? Anche i ricami delle cornici delle pagine sono molto belli hai qualche schema? Grazie infinitamente. Se vuoi puoi scrivermi al mio indirizzo e-mail: manrica63@gmail.com
    Un abbraccio Donatellamanrica

    ResponderEliminar
  21. Ohhhhhhhhhhhh...no me atrevo. No lo veo muy claro cuando lo intento.
    Besitos

    ResponderEliminar
  22. Como puedo colocar los botones facebook, twitter y google en todas las entradas de mi blog?
    Así se ve mi blog:
    http://www.remurpi.blogspot.com/

    ResponderEliminar
  23. Hola Palmira, tu tutorial me parece fantástico. El problema es que cuando pongo en el buscador los sitios en que hay que insertar esos códigos que dices no me aparecen. Qué estaré haciendo mal?. Gracias por enseñarnos.
    Besos

    ResponderEliminar
  24. Hola Palmira. Muchas gracias por tu explicación, más clara y sencilla imposible. Pero tengo un problema, por más que miro no encuentro el segundo código, el de post-footer-line.
    Muchas gracias de nuevo y enhorabuena a todos los que lo han conseguido.

    ResponderEliminar
    Respuestas
    1. Hola Esperanza, no se lo que puede ser, tu has hecho este paso?
      4. Haz click en "Expandir plantilla de artilugios".
      ya me diras
      saludos

      Eliminar
    2. Hola Palmira,
      Muchísimas gracias por tu post.
      Mi problema es que no encuentro la opción "Expandir plantilla..." sólo me aparece "Restablecer plantilla de artilugios" ¿Me podrías ayudar?
      Muchísimas gracias de nuevo,
      Laura.-

      Eliminar
  25. yo encontre el widget ese debody>, pero no puedo encontrar el segundo donde dice

    <div clar..fooft..line 2..
    gracias y ehorabuan por tu blog

    ResponderEliminar
  26. Hola. Lo primero gracias por el tutorial. pero mi plantilla tiene un problema no aparecen esos códigos. Cómo puedo insertar el botón??.
    Gracias

    ResponderEliminar
    Respuestas
    1. Este comentario ha sido eliminado por el autor.

      Eliminar
    2. Espero que esto te ayude
      ¿Qué debo hacer si necesito expandir artilugios para encontrar un código dentro de un ?: Recuerda que la opción Expandir plantillas de artilugios ha sido eliminada ya que no se necesita más, basta con buscar con CTRL+F y si el código se encuentra dentro de un código contraído éste se expandirá y arrojará el resultado de tu búsqueda.

      Eliminar
  27. a mi me pasa lo mismo, no encuentro ninguno!!!! y ya me tiene la cabeza caliente pinterest!!!!! ayudaaaaaaaa please!!!!!!

    ResponderEliminar
    Respuestas
    1. Espero que esto te ayude
      ¿Qué debo hacer si necesito expandir artilugios para encontrar un código dentro de un ?: Recuerda que la opción Expandir plantillas de artilugios ha sido eliminada ya que no se necesita más, basta con buscar con CTRL+F y si el código se encuentra dentro de un código contraído éste se expandirá y arrojará el resultado de tu búsqueda.

      Eliminar
  28. donde aparece eso de "Expandir plantilla de artilugios"????? no lo tengo!

    ResponderEliminar
  29. Hola, lo he intentado un montón de veces... y nada, no consigo ver el botón de Pinterest cuando le doy a vista previa... No se que es lo que hago mal, porque está muy bien explicado, es claro y conciso.
    Podrías ayudarme? Gracias y un saludo

    ResponderEliminar
  30. Hola Maria Jose, ya tienes el botón de Pinterest, que te diviertas, no me costo nada ayudarte, que te lo pases muy bien.
    Feliz guisos
    besos

    ResponderEliminar
    Respuestas
    1. Muchisimas gracias por la rapidez y por el interés que has puesto en ayudarme.
      Espero que algún día te animes y me envíes una receta para publicar en el blog.
      Un gran abrazo.

      Eliminar
  31. Muchisimas gracias por la rapidez y por el interés que has puesto en ayudarme... Mi invitación sigue en pie, cuando desees, espero que me mandes una receta para mi blog.
    Un gran abrazo

    ResponderEliminar
  32. Hola, Palmira. Sinceramente, te felicito y agradezco porque de verdad qué difícil se me hacía poner el botón de Pinterest. Qué bueno que hayas compartido ese conocimiento. Desde este momento siguiré tu blog. Te mencionaré en el mío http://elrincondeininena.blogspot.com/ Saludos.

    ResponderEliminar
  33. Por cierto, si me permites, te recomiendo editar este post y colocar lo de la opción de Ctrl+F porque bueno, tuve que leer todos los comentarios hasta llegar a ese dato para poder agregar el botón. Saludos.

    ResponderEliminar
  34. Ingrid lo he editado el post, ahora esta mas claro.
    besos

    ResponderEliminar
  35. no lo he conseguido poner...imagino que algo mal he hecho por la plantilla, algún día me explosiona el ordenador...muchas gracias por el tutorial es claro como el agua...pero no contabas con mi absoluta torpeza :D

    ResponderEliminar
    Respuestas
    1. Hola, acabo de ponerle el botón a un blog que no es el mio,
      Si te interesa te puedo ayudar
      si tu quieres, yo te lo puedo poner,
      en privado me tienes que decir tu password para poder ayudarte.
      besos de Palmira

      Eliminar
  36. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  37. Hola,podrias ayudarme?
    hago tal cual lo que pones pero al poner vista previa no veo que me salga....
    lo he repetido varias veces y mira que es sencillo pero no me sale....
    muchas gracias

    ResponderEliminar
  38. Hola Palmira, estoy tratando de introducir el boton(tus explicaciones geniáles y clarísimas) pero en mi html no me aparece ni el primer códico (body) por lo que no encuentro la manera de hacerlo....`puedes ayudarme?!

    Gracias

    ResponderEliminar
  39. Hola!
    Hago tal cual y no aparece.
    Que puedo estar haciendo mal?

    ResponderEliminar
  40. Hola querida,

    Muchas gracias...tengo pinterest pero no tengo ni idea d como funciona exactamente....pero en fin, al menos sé subir las fotos y nada más...

    Besos,
    Lany

    ResponderEliminar
  41. No encuentro ninguno de los 2 códigos. No sé exactamente el porque. Igual algo no va bien en mi HTML . Cuando busco algo con crtl+f no se expande nada.
    http://srtapizpiretta.blogspot.com.es/

    ResponderEliminar
  42. No encuentro ninguno de los 2 códigos. No sé exactamente el porque. Igual algo no va bien en mi HTML . Cuando busco algo con crtl+f no se expande nada.
    http://srtapizpiretta.blogspot.com.es/

    ResponderEliminar
  43. Hola Palmira

    ResponderEliminar
  44. Funciona perfecto en Blogger, inclusive sin la parte que se agrega arriba de body
    Este botón viene con numero ? a medida que van haciendo click ?
    Gracias desde Buenos Aires, Daniel

    ResponderEliminar

Muchas gracias por tus comentarios, besos.

Related Posts Plugin for WordPress, Blogger...