16/1/13

Cómo instalar el botón Pin it

Hoy os cuento algo que muchas me habéis preguntado últimamente.

No es así de sencillo, pero lo he simplificado al máximo para que vosotras no tengáis que preocuparos de nada que no sepáis, sino que es simplemente copiar y pegar donde os digo, ¿ok?

Cómo instalar el botón Pin it (Pinear) de Pinterest en Blogger




✐ Entramos en nuestro blog

Plantilla

Nota: no está de más que os repita que cuando vayáis a entrar a hacer un cambio, es aconsejable hacer una copia de la plantilla  antes por lo que pudiera pasar...

Pero una vez hecho eso:

Edición de HTML

Continuar

✐ Ticamos: Expandir plantillas de artilugios

✐ Y pulsando Ctrl + F (que se abre el cuadro de búsqueda) escribimos:

<div class='post-footer'>


✐ Entonces, nos ponemos justo detrás de esa línea (nos saldrá coloreada porque es la que hemos buscado) y:

Le damos a Intro.


✐ Y justo donde estamos pegamos:

<!-- comienza codigo boton pin it -->
<div><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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAq7jMoK6VWOaAsaPfVrihibPEAkNNu17kWfUNi37ceWWFNibHUkVdIGQM1vsPEENq1GGmLc7-VtPAgdZeD4zYmeXNUEclSrwjB2QykfMQRVPVDuABBuzqxEmMhktI3cb-zOEoZNgmy_8/s43/Pinit.png" /></a></div>
<!-- fin codigo boton pin it -->

✐ Y ya está. Le damos a Vista Previa para ver si vemos el botón de Pin it debajo de los posts:


✐ Y si lo vemos: Guardar plantilla

Cerrar

Y ya lo tenemos.

Ahora ya lo tenemos más fácil todavía para que la gente pinee nuestros posts, ya que si no tienen el botón instalado en su barra de marcadores podrán hacerlo directamente desde nuestro blog.

Y si alguien quiere aprender a hacer algo, aquí está el formulario de petición de Tutoriales Blogger.

Nos vemos mañana.

Únete a mi newsletter para recibir cada semana un resumen con trucos y recursos

97 comentarios

  1. Blanquixxxxx!!!!!!!!!! Eres la caña =D gracias! Qué fácil es, lo he hecho en un pis pas, y lo he comprobado y funciona. Me vuelvo a estudiar, un beso, hasta mañana =P

    ResponderEliminar
  2. Mmmm...Blanca, yo tengo un problema con esto! Cuando busco en la plantilla me dice que no está eso! Y yo de la plantilla no he tocado nada :(

    ResponderEliminar
    Respuestas
    1. Si realmente nunca has tocado la plantilla, será que te has descargado alguna cosa de algún lado (algún gadget que no es de Blogger, algún fondo con instalación en código html o lo que sea) que lo ha cambiado... :(

      Pero sin verla no puedo saber qué le pasa...

      Lo siento!

      Eliminar
    2. yo tambien tengo el mism problema..puedo poner pinterest como boton al final de cada post..pero no me deja buscar el codigo html..footer..ahora tendre que buscar que instale..uffff...blanca..me estoy pensando en comprar un curso para promocionar el blog..jejej..solo estoy buscando informacion de lo que en realidad neceisito..porque tienes un monton!!! jejeje..

      Eliminar
  3. Aquí una super-mami.... jajajaja. Es broma eh¡¡ mami soy, de dos gamberros rubios estupendos y guapísimos (jajajajajaja) pero todo es cuestión de organizarse, de aprovechar las horas que tienes sola para hacer tus cosas y priorizar al máximo las cosas. Y también pasar (al menos en mi caso) de si hay pelusas en mitad del pasillo.
    Tu idea, me parece estupenda porque mira tu que tengo un par de dudas que igual te mando... jeje.
    Un besote grande.

    ResponderEliminar
    Respuestas
    1. Encantada! Como digo, así no me quedo nunca sin contenido sobre el que publicar...

      Besos,

      Eliminar
  4. Blanca! Que ando medio perdida estos días! No pude participar en la fiesta del sábado, espero el viernes próximo poder hacerlo!
    Y lo del botón de Pin It es genial, lo acabo de instalar!
    Un beso! :)

    ResponderEliminar
    Respuestas
    1. A partir de ahora en todas las que puedas!!!

      Qué bien lo de tu botón.

      Besis,

      Eliminar
  5. Si es que te comería a besos!!!! Muchísimas gracias por este tutorial y lo del 'buzón de sugerencias' es una idea genial.

    Muchos,muchos, muchísimos besos

    ResponderEliminar
  6. Hola Blanca soy una nueva seguidora tuya, estoy intentando añadir el pin de pinterest, tiqueo la casilla de artilugios, y cuando pulso Ctrl + F se me abre una pantalla con mi facebook....he he he algo evidentemente estoy haciendo mal.....me pudieses indicar que es eso que estoy haciendo tan mal por favor.

    Muchas gracias por todas tus ayudas, lo encuentro muy interesante y útil!!!!

    Un beso y feliz día
    MAriana

    ResponderEliminar
    Respuestas
    1. Mariana, no lo sé. Cuando pulsas Ctrl y F a la vez (F de find) aparece el cuadradito de buscar.

      En los MACs es Command.

      Si no te funciona prueba a simplemente usando los menús desplegables de tu navegador, darle a la opción de Buscar desde ahí.

      Por ejemplo en Google Chrome está a la derecha del todo, arriba, justo debajo de la x de cerrar la página, en un icono que son como tres barritas negras horizontales.

      Si le das ahí se abre un desplegable y te aparece la opción Buscar.

      Y ya desde ahí sigues el tutorial.

      Un beso,

      Eliminar
  7. Muchas gracias Blanca! Cuando me hice la cuenta de Pinterest intenté poner el botón pero no lo llegué a conseguir, así que me di por vencida hace meses! jajaja
    ¡Mil gracias!

    ResponderEliminar
  8. Me encanta lo de pinear. Me abrí mi cuenta después de tus consejos y ver la tuya, es genial!
    gracias!

    ResponderEliminar
  9. me has leido el pensamiento? por que justo esta semana acabo de abrir mi cuenta en pinterest i no tenia ni papa de na! así que me ha venido al pelo. Gracias.

    ResponderEliminar
  10. Genial Blanca, me encanta el post y el plan de los tutoriales.
    Un beso

    ResponderEliminar
  11. Hola Blanca! Qué buenas ideas estás teniendo!! Vamos a aprender muuuucho Increíble! Yo voy a abrirme una cuenta en pinterest y a poner el botón. Gracias. UN beso

    ResponderEliminar
    Respuestas
    1. Ten en cuenta de que este botón es para tus lectoras. Es decir, independientemente de que tú tengas cuenta o no, uses Pinterest o no, este botón es para que tus lectoras, las que sí usen Pinterest, puedan pinear cosas desde tu blog!

      Besos,

      Eliminar
  12. GRACIAS !!!! Me ha sido de mucha utilidad !!!

    Un saludo

    ResponderEliminar
  13. Molas mogollón!! Te adoro por estas cosas que nos hace la vida bloggera más sencilla!

    ResponderEliminar
  14. Muchos meses llevo intentando instalar el maldito botón de pinterest, buscando mil códigos y todos me daban problemas. Y llegas tu... y en un pis-pas, hecho, 30 segundos he tardado y funciona perfecto.
    Eres una máquina!

    ResponderEliminar
    Respuestas
    1. Si, la verdad que Internet está genial porque tenemos mucha información disponible a nuestro alcance.

      El problema es que no siempre toda la información es buena... ;)

      A partir de ahora podrás usar el formulario para decirme qué necesitas aprender y yo procuraré publicar sobre ello para que no tengas que buscar por ahí y que todo te de problemas... :)

      Beso gordo!!!

      Eliminar
  15. genial genial! qué rápido y fácil!! estaba deseando poder poner el botoncito y no sabía cómo!!

    ResponderEliminar
    Respuestas
    1. Pues mira qué fácil era!

      Bueno, su versión resumidísima jajaj ;)

      Besos mil!

      Eliminar
  16. Muchas gracias Blanca! llevaba tiempo buscándolo y tu tutorial me viene genial, super bien explicado como siempre :)

    besitos

    ResponderEliminar
    Respuestas
    1. Ya sabes que a partir de ahora cuando quieras algo, en lugar de buscar puedes sugerírmelo a mi para que escriba sobre ello!

      A ver si este nuevo sistema nos funciona bien a todas!

      Besos,

      Eliminar
  17. Muy buena entrada!!! yo lo tenía como gadget porque de todas las maneras posibles que ví en otros sitios no me funcinaba. Esta me ha funcionado a la primera, pero en la plantilla nueva de mi blog dulce (el de Beautiful Dawn Desing) me da problemas, tendré que seguir con el gadget...
    Muchas gracias!!

    ResponderEliminar
    Respuestas
    1. Las plantilla son una manera fantástica de tener un blog precioso en cuestión de minutos y a un precio razonable.

      El problema (además de que están subiendo de precio) es que están muy limitadas. Creo que fue en el tercer blog que creé yo que compré una plantilla de esas... Y aquello precisamente me inspiró a abrir este blog.

      Puedes leer mi historia en el primer post que escribí: Bienvenidos

      Eliminar
  18. comprobado y funcciona, gracias Blanca :-)

    ResponderEliminar
  19. Muchas gracias Blanca!
    La verdad es que me había planteado más de una vez ponerlo pero leía tutoriales y lo ponían tan enrevesado que me daba muchísima pereza, pero con tu explicación parece facilísimo, estoy deseando ponerlo en práctica.

    Gracias!

    Besos gatunos.

    ResponderEliminar
  20. Pero buenoooo!!! Tú que has tomado???? Micebrinaaaaa???

    Blanchhhh, dime lo que tomas para tomármelo yo!!!! Es que esa cabecita tuya nunca descansa? Y dices que el tiempo no te llega para nada??? Dios mío, si te sobrara no sé qué podrías llegar a hacer!!!

    Enhorabuena por tus iniciativas, guapa, te deseo todos los éxitos del mundo y más!!!

    Besos de Anuska ♥

    ResponderEliminar
  21. Muchas gracias por tus truquitos guapa!! Para una "lerda" con los ordenadores como yo estas ayuditas vienen de perlas!! Porque yo el blog lo he ido haciendo cogiendo ideas de aquí y de allá como he podido...así está!jajaja
    Muás
    http://gallecookies.blogspot.com.es

    ResponderEliminar
  22. Genial, después lo coloco! llevo semanas buscando como poner ese botón pero no en al final del post sino a cada imagen del mismo pero no hay manera ...

    Gracias por tu aportación !!!!

    ResponderEliminar
    Respuestas
    1. Ya te he contestado por email...

      A ver si tengo tiempo y le echo un ojo! ;)

      Besos,

      Eliminar
    2. A mí me interesa también cómo ponerlo, no en cada imagen, pero a lo mejor sí en alguna imagen en concreto ;)

      Eliminar
  23. Gracias Blanca!!!
    Llevaba muchísimo buscando como instalarlo,y no encontraba nada que estuviera claro.
    Un besazo y mil gracias!!!

    ResponderEliminar
  24. De verdad que bien te explicas! En cuanto ahorre un poquito me compraré tu curso de ''como promocionar tu blog'' tiene muuuuuy buena pinta! :D Enhorabuena por todo lo que has conseguido!

    besitos
    Eva♥

    ResponderEliminar
    Respuestas
    1. Por cierto, podrías decir como centrar los títulos de mis posts? Lo he estado buscando y he encontrado varias opciones pero ninguna me funciona :( heeelp!

      Eliminar
    2. Por fa, usa el formulario de petición de tutoriales para que no se me olvide!

      Intentaré hacerle un hueco y publicarlo!

      Beso,

      Eliminar
  25. Gracias!!!! Ya lo he puesto, y ya he pineado unas cuantas fotos!!!

    Mil gracias, como siempre.

    Besitos,

    ResponderEliminar
  26. genial el tutorial! y supersencillito! gracias, Blanca!!!!

    ResponderEliminar
  27. Ainsss te daba un achuchón!!!
    756 y subiendo!!!! cuanto me alegro!!!
    y si quiero poner el botón en cada foto del post??:S jijijiji
    un besote!

    ResponderEliminar
    Respuestas
    1. Es bastante más complicado... ;)

      Aquí tienes un tutorial sobre ello.

      Eliminar
  28. Pues voy a ponerlo YA!!! Gracias, Blanca!!!!

    ResponderEliminar
  29. Guau!!! Mil gracias!!! Justo ayer me fijé en ese botón en tu blog y pensé ¿cómo porras se pondrá? Me parece muy cómodo. Lo dicho, mil gracias :D

    ResponderEliminar
  30. qué ideas tan grandes!!! no nos dejas de sorprender! muchas gracias!! besis

    ResponderEliminar
  31. Gracias Blanca. Ya estoy enganchada a pinterest por tu culpa! jejeje.
    bss guapa, grandes consejos!

    ResponderEliminar
  32. Muchas gracias por la ayuda!! Un beso!


    www.funfearlessfemale.tk

    ResponderEliminar
  33. Gracias Blanca!! consegui ponerlo al segundo intento, eres un sol!

    ResponderEliminar
  34. El error es intentar ser una super-mujer, super-mamá, super-amiga.... Y penar por lo que se quiere hacer y no se puede por tiempo.
    Se cómo eres, que la perfección es aburrida y ser super conlleva muchas obligaciones y frustraciones por no llegar a todo. Disfruta de lo que haces y lo demás ya llegará cuando el cuerpo te lo pida o lo necesites.

    Y muchas gracias por tus post. Yo te acabo de descrubrir y algunos me son muy útiles.
    Nos vemos por la red.
    MARTA

    ResponderEliminar
  35. Una iniciativa realmente genial!!! a mí lo que me chiflaría sería poder usar tus consejos para mi blog de wordpress, que lo quiero cambiar y no se ni por donde empezar jajajaj!!! si sabes de alguien que me pueda ayudar te lo agradecería plenamente

    un besazo muy muy fuerte desde

    http://rayasymanchas.wordpress.com/

    ResponderEliminar
  36. En una época muy intensa de trabajo yo tenía una libretita donde anotaba las "ideas geniales"...eran teorías, opiniones...en relación al tema que estaba trabajando. Me pregunto si tu tendrás un cuaderno o un listado de ese tipo...porque son tantas tus ideas geniales!!!

    Y el botoncito...quién se resiste...¡Nos lo pones tan fácil! :)

    Muchos besos, guapa!!!

    ResponderEliminar
  37. Quer buena ideaaaaaaaaaaaa acabo de ponerlo y esta super genial besos, me gustaría participar en la fiesta de enlaces pero no se de que es la temática y desde cuando poner el post para enlazar me lo podrías decir?? solo espero tengas tiempo de responderme, un abrazo!!!!!

    ResponderEliminar
  38. Hola Blanca!. Ya he instalado el botón de Pint-it. ¡Uff!, no me tiempo a seguirte.
    Muchas gracias por todo lo que nos enseñas.

    Un abrazo.

    Julia.

    ResponderEliminar
  39. genial!! chica, que bien te explicas!! me ha salido a la primera, con lo pato que soy yo para estas cosas jajaja!!
    gracias, guapa!! besitos!! ;)

    ResponderEliminar
  40. Hola, Blanca
    Acabo de instalar el botón de "pin it" en mi blog. Ahora tengo una tarea más en mi bandeja de pendientes (al final tendré que descargarme tus imprimibles, aunque soy un desastre y perderé las hojas): aprender a usar pinterest.....

    Un beso y ¡gracias!

    ResponderEliminar
  41. Mira que lo explicas fenomenal , y que a todo el mundo le funciona , pero algo debo estar haciendo mal... porque me dice "Sorry, couldn't find any pinnable images or video on this page ".
    Uso el firefox como navegador.
    Por cierto, te tengo que añadir en pinterest, y antes de que se me vaya de la cabeza lo voy a hacer ahora mismo!
    XXOO Olga♥
    El tocador de Cenicienta

    ResponderEliminar
  42. Esta misma tarde me pongo con esto!! Superinteresante, si, si, si!

    Gracias guapi!

    ♥♥ Muas ♥♥

    ResponderEliminar
  43. Blanca!! Muchisimas gracias por tus tutoriales...! Por fin tengo el botón PIN IT!!

    Gracias!!

    Besos,

    ResponderEliminar
  44. Que bién te explicas!!!!!!!
    ya tengo mi Pinit

    mil gracias

    olyriahandmade

    ResponderEliminar
  45. Blanca:
    aquí IGNORANTECIBERNÉTICA reportándose, he podido poner el botón y fue muy, pero que muy fácillllllllllll, muchas gracias!!!!
    Besazos!!!!
    Al final vas a sacar lo mejor de miiiiiiiiiiiii, jajajajajajaj...

    ResponderEliminar
  46. Gracias wapa, mira que me cuesta a mi lo de la tecnología y contigo es super fácil. Llevo un buen rato intentando ponerlo y de repente se me ha encendido la bombi y me he acordado de ti y por supuesto ahí estaba tu tuto.
    Eres un amor!!!

    ResponderEliminar
  47. Ai blanca, si te tuviera aquí te abrazaría!!! Mira que hacía tiempo que quería poner este botón!!! Millones de gracias!!!!

    ResponderEliminar
  48. Blanca! muchas gracias por tu tiempo, me fue genial!! un super abrazo!!!
    yo te puedo regalar unas recetas si quieres! como compensacion ;-) si pasas por mi blog, te recomiendo la de boniato sin duda! intercambio ^-^
    de nuevo! GRACIAS!

    ResponderEliminar
  49. Siiiii lo tengo!!!!!, pero estoy deseando que nos digas como poner el logo a nuestro gusto.
    Un saludo!!!!
    GRACIAS!!!!!

    ResponderEliminar
  50. Siiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii!!!! lo conseguiIIII!!!!!!! gracias Blanca!!!!muuuuacccccc!!!1

    ResponderEliminar
  51. ¡Acabo de poner el botón en mi blog!
    Me parece más interesante este que el personalizado en cada foto

    ¡Mil gracias!

    ResponderEliminar
  52. Bieeeeeeeeeen!!! Ya lo hice, graciaaaaaaas!!!!!!!

    ResponderEliminar
  53. Muchas gracias por compartir tu conocimiento con los demás! Me ha ido genial para el blog que acabo de comenzar. Muchas gracias!

    ResponderEliminar
  54. Un post genial, superbien explicado para las novatas en blogger como yo, gracias :D

    ResponderEliminar
  55. Perfecto! no había encontrado ningún tutorial tan útil como este.

    ResponderEliminar
  56. genial! super bien explicado y funciona perfectamente :)

    ResponderEliminar
  57. Muchas gracias he puesto el boton pint,tengo una duda a mi no me salen comentarios y en configuracion lo tengo ¿cual es el error?

    ResponderEliminar
  58. ¿Cómo he podido bloguear sin conocerte antes? Los dolores de cabeza que me hubiese ahorrado, jejeje.
    Menudo tutorial, incluso lo he podido seguir yo, y funciona!!!!... me encanta!!!. Me quedo por aquí

    ResponderEliminar
  59. Muchas gracias!!!
    Estaba deseando poner el botoncito... y no sabía cómo ;)))
    Un besote.

    ResponderEliminar
  60. Muchas gracias por el tutorial!! COnseguido! :)
    http://chicle-sin-azucar.blogspot.com.es

    ResponderEliminar
  61. Muchas gràcias, siempre haces que lo difícil parezca fàcil.

    ResponderEliminar
  62. hola te acabo de conocer cuando tenga tiempo pasare horas por aqui
    pasate a visitarme eres bienvenida
    http://eltrasterodetxatxa.blogspot.com.es/

    ResponderEliminar
  63. Buenas!! acabo de venir a parar al blog, me encanta y tiene casi todo lo que qquería para modifiar el mío, pero resulta que por más que incluyo el código html para poder poner el boton de pin it directamente en la entrada, no hay manera humana de conseguirlo.

    He cumplido todos los pasos en varias ocasiones, pero no se que pasa que no lo consigo. Que me recomiendas?

    ResponderEliminar
  64. Reto conseguido! pero comentarte que en mi plantilla hay dos post-footer, así que si a alguien más le pasa que lo mire que igual ese es el problema, evidentemente no me he leido todos los comentarios, pero veo que en el de Liokuina comenta que no le funciona, puede ser por eso.

    Besos

    ResponderEliminar
  65. Gracias mil!!! no sabes todo lo que pase intentando colocar este botoncito y nada de nada, pero en un tris, con tu ayuda lo he logrado ahora que conozco este bello lugar sin duda me quedo por aquí, un beso =)

    ResponderEliminar
  66. Gracias mil!!!! no sabes cuantas veces intente colocar este botoncito pero nada de nada, sin embargo con tu ayuda en un tris lo he conseguido, ahora que he conocido tu bello y útil blog me quedo por aquí, gracias por compartir tus conocimientos, besos y abrazos =)

    ResponderEliminar
  67. Pues yo lo he intentado pero no me deja poner el botón :( lo pongo donde me dices, pero no aparece :(

    ResponderEliminar
  68. No encuentro
    Expandir plantillas de artilugios!!
    Ayudaaaaaaaaaaaaaaaa!

    ResponderEliminar
    Respuestas
    1. A mí me pasa exactamente lo mismo, Tendencista.

      Qué pasada de blog. Debería estar durmiendo hace así como dos horas, pero estoy enganchada aprendiendo. Blanca, gracias por lo que haces. ¡¡Mañana actualizo el blog y te enlazo!!

      Eliminar
    2. http://www.ayuda-bloggers.info/2013/04/blogger-problema-editor-html-solucion.html

      Eliminar
  69. Qué cabezoncita soy... Dos horas y media ya desde que debería estar durmiendo, pero... ¡¡lo conseguí!! Gracias, Blanca...

    Zzzzzzzzzzz

    ResponderEliminar
  70. Otro objetivo cumplido... Gracias guapa...

    ResponderEliminar
  71. Muchísimas gracias, muy fácil y muy bien explicado.

    ResponderEliminar
  72. Hola, pero como puedo hacer para que el boton sea personalizado? No quiero el mismo que tiene todo mundo jejje. Gracias

    ResponderEliminar

© Personalización de Blogs. Diseño: Eve y Blanca.