Páginas

jueves, 19 de abril de 2012

Lo he probado: Cómo instalar un botón de 'print' en tu blog

¡Muy buenos días!

¿No os ha ocurrido alguna vez haber estado batallando durante mucho tiempo con un problema y, cuando finalmente lográis dar con la solución, os dais cuenta de que la teníais escrita -por ejemplo- en el reverso de la etiqueta que no habíais mirado?

Pues algo parecido me ha ocurrido a mí con esto del botón de 'print'; la semana pasada me tiré varias horas (una que es terca...) investigando por la red cómo hacer para instalar el botoncito y justo ayer, al hacer las capturas para escribir este post, vi que en la misma página dónde ofrecen el código html...

¡también cuentan divinamente cómo instalarlo =S!

Lo que viene a significar que si me hubiera fijado un poco, en vez de gastar horas y horas peleando con el asunto, en unos minutos lo hubiera tenido listo. En fin...

oooooooooooooooommmmmmmmmmmmmmmm ;)

Pero como me juré que nadie más iba a vivir el calvario de ser un@ 'analfabet@ htmlístico' y sufrir además por ello, os lo voy a contar igualmente.
Vamos allá.

¿De qué estamos hablando?
Hoy vamos a ver cómo instalar un botoncito para imprimir, guardar en PDF o mandar por mail cada una de las entradas de nuestro blog o web.


Imagino que a partir de aquí much@s de vosotr@s vais a dejar de seguir leyendo... realmente si no se tiene blog o web a la que instalar botoncitos de 'print' este post no tiene nada de ameno.
A todos vosotr@s, lo siento; prometo a cambio post 'fengshuístico' para mañana =)

Consideraciones previas
Como en realidad lo que vamos a hacer hoy es hurgar en las tripas de nuestro blog o web; es esencial descargar primero una copia de la plantilla para que en caso 'de desgracia', que nunca se sabe, no perdamos el formato.

Para hacerlo (en blogger) seguiremos estos pasos:
1. Entraremos en el escritorio de nuestro blog
2. Clicaremos en 'Diseño'
3. Seleccionaremos la pestaña de 'Edición de HTML'
4. Justo en la primera línea vemos la opción de 'Crear copia de seguridad/Restaurar plantilla'; vamos a 'Descargar plantilla completa' y guardamos la copia.



Ya que estamos en materia, os recomiendo el fantástico post que escribió Eli de 'Zapallos en Almíbar'(clic aquí) sobre cómo hacer una copia de seguridad de nuestro blog para evitar perder el contenido del mismo (siempre en blogger).

Una vez descargada la plantilla y ya tranquil@s por lo que pueda ocurrir...

vamos con la instalación del superbotón ;)

Paso 1: Obtención del código
- Lo primero que vamos a hacer es ir a la página de 'Printfriendly'(clic aquí).
- Presionaremos sobre 'get your button'.


- Seleccionaremos el lugar de destino del botón (blogger, en mi caso).
- Escogeremos el tipo de botón que más nos guste.


- Clicaremos sobre 'add code directly to template'


Paso 2: Buscamos el lugar en nuestra plantilla
- Volvemos a nuestro blog. Vamos a la opción 'Diseño' y luego a 'Edición de HTML'. Clicamos la casilla de 'Expandir plantillas de artilugios'.


- Se trata de localizar el código <div class='post-footer'> en nuestra plantilla; para hacerlo de una forma rápida y no dejarnos la vista en ello, teclearemos al mismo tiempo 'ctrl+f' y veremos que se nos abre arriba un buscador:

<div class='post-footer'>

Esto es lo que tenéis que poner en el buscador (podéis hacer un 'copiar&pegar' desde aquí seleccionando el código, haciendo 'ctrl+c' y pegar luego con 'ctrl+v').


- Una vez localizado el lugar, volvemos a 'printfriendly', seleccionamos el código del botón que nos ha dado, lo copiamos (ctrl+c) y lo pegamos en nuestra plantilla (ctrl+v), a continuación de <div class='post-footer'> 


Paso 3: Guardar cambios
- Una vez hecho esto, sólo nos queda guardar los cambios, comprobar que efectivamente hemos conseguido colocar el 'print' en nuestro blog... y dar gracias a la vida por el hecho de que existan páginas tan estupendas como 'Printfriendly' =).



Creo que esto es todo y no olvido nada... Por favor, no dudéis en preguntar ante cualquier dificultad que os surja, ¿ok;)?

Y ahora me marcho corriendo.
Esta tarde me voy a atar a una silla y no pienso soltarme hasta haber visitado todos los blogs, hasta haber respondido todos los mails y contestado a todos los comentarios...

¡Palabra!

Y ahora...

Que levanten la mano los que quieran un botoncito de 'print' =)

Besos,
Ingrid






57 comentarios:

  1. ejem, ejem, acabo de clicar y me salta el "modo impresion", pero del pdf ni rastro... entiendo perfectamente lo de la programacion... todo el mes apsado peleándome con los macros de excel, y ahroa me espera una sesión extra para terminar mi máster... espero sobrevivir... espero que me quede tiempo para hacerle todos estos cambios al blog despues de unas merecidas vacaciones :S

    ResponderEliminar
  2. Si sale el boton de PDF arriba...!! Te juro que lo acabo de mirar!!!
    Como vas??
    Bss

    ResponderEliminar
  3. Yo ya se lo he recomendado a una amiga... yo no creo que imprima y sinceramente no creo que me impriman... hombre... si alguien está superemocionado con mi blog y quiere que ponga el botón.... no se, no se ingrid... Yo lo que creo que nos vendría mejor es un botón de "Aplausos" como en la series americanas, que te parece? estás contando tu historia y le das al botón "aplausos" y te creces, eh?? tu piensalo, y otro botón de "Risas",.. que te lo digo en serio¡¡¡ y al final, pues la típica melodia de "Esto es todo amigos".

    ResponderEliminar
    Respuestas
    1. Nena, nunca se sabe... Eso sí, te juro que la idea de los aplausos, las risas y la canción de 'eso es todo amigos' me parece estupenda no, lo siguiente.
      Aunque en tu blog no habría espacio para tanto aplauso ni tanta risa ;)

      Eliminar
  4. Un gran tuto,lo usaré para mi blog de cocina.Así mis alumnos pueden sacar las recetas.Muchas gracias
    Besos Sarah

    ResponderEliminar
    Respuestas
    1. Sarah!! Cómo estás?? Cuánto tiempo!! Justamente por eso lo puse, porque varias amigas me decían que era un palo tener que copiar las recetas en word... y bla bla ;)

      Así que investigué =)

      Eliminar
  5. Respuestas
    1. Yo?? Por un tuto?? Genia tú que no acabas las ideas...!!

      Eliminar
  6. Ingrid que buen tutorial te has marcado!! Yo puse el botón hace tiempo, pero es distinto, sale al principio de las entradas y sólo si haces clic en el post, no sale en el general. Así que probablemente lo cambie por este, mucho mejor.
    Besazos querida.

    ResponderEliminar
    Respuestas
    1. Yo al principio quise poner uno sólo en determinados posts, pero luego pensé que era mejor que viniera ya con todos y así me olvidaba para siempre...

      Besazo para ti, que justo ayer por la noche pensaba en ti y esta mañana voy y me encuentro tu mensaje =)

      Eliminar
  7. Estas entradas son las que me vienen bien a mi, asi bien explicaditas, jeje
    Ves, me lo voy a imprimir para no perderme ningun paso...
    Besicos.
    http://laventanadegogo.blogspot.com.es/

    ResponderEliminar
  8. Este tipo de tutoriales se agradecen un montón. Qué currado. Mcuhísimas gracias. ^_^

    ResponderEliminar
    Respuestas
    1. A ti!! Si no nos echamos una mano entre nosotr@s, quién lo hará?

      Besazo!

      Eliminar
  9. Ingrid, qué paciencia! Gracias por explicarlo con tanto detalle!!!

    Besos! ♥

    ResponderEliminar
    Respuestas
    1. Si le sirve a alguien me doy por satisfecha =)!!!
      Gracias a ti por estar siempre ahí! Te debo tantas visitas...!!

      Besazo enorme, Su =)

      Eliminar
  10. Aquí estoy!
    Como un búho!
    Nena pero como tienes tanta paciencia??? me canso solo de pensar lo que me podría costar hacer un post como este!!!!
    Genial para imprimir tus recetas y q no se me salpique el ordenador de aceite.
    Mira q eres apañá!
    Y generosa!
    Ssssmuakkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
    Me voy a dormir,creo...

    ResponderEliminar
    Respuestas
    1. Búha!!! La paciencia en mi caso no es un don... es una cruz ser tan testaruda... en fin, por lo menos que le sirva a alguien más mi cabezonería =)

      Ya no tienes excusa para darle al toffee y a todo lo demás, dear... jajajjjajajaja!!!

      Besazo =)

      Eliminar
  11. Hola Ingrid!!! funciona de 10 el botoncito, así que quedate tranquila que le va a dar utilidad más de uno.

    Sos muy paciente y generosa en compartirlo.

    Besotes! que empieces bien bonito el finde.

    ResponderEliminar
    Respuestas
    1. Gracias Gloria!! La verdad es que me hace sentir bien compartirlo... planteado así, no será egoismo?? Jjajajaja!!

      Buen fin de semana =)
      Bss

      Eliminar
  12. Ya sabes que yo no tengo blog pero te agradezco igualmente el curro que te has pegado, seguro que a mucha gente le ayuda un montón. Besos.

    ResponderEliminar
    Respuestas
    1. Y yo te agradezco que estés siempre ahí.

      Besazo, solete!

      Eliminar
  13. Yo levanto la mano,Ingrid y me pongo manos a la obra para hacer ese sueño realidad.Gracias.Buen trabajo!!

    ResponderEliminar
    Respuestas
    1. Qué bien!!! Oye, cualquier cosa me avisas, eh??

      Gracias a ti ;)
      Bsts

      Eliminar
  14. que bueno ingrid!! buenísimoo!! ya lo tengo en mi blog, perfectamente explicado todo!! gracias wapa!! si sabes de más inventos de estos interesantes, subelos porfaaaaaaaaaa!!!

    ResponderEliminar
  15. ei, hecha un vistazo a mi blog si te interesa : http://decorecetas.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Gracias, me alegro =)!!
      Claro que me pasaré, a ver si este fin de semana liquido el tema... que no veas la cantidad de postsque tengo por leer...!!

      Bss

      Eliminar
  16. Muchísimas gracias por la explicación!
    Esto de pelearse con el HTML del blog es una......
    Un abrazo.

    ResponderEliminar
    Respuestas
    1. Jürgen!!!! Cuánto tiempo!!! Cómo estás??
      Todavía no hablo en html, pero algo empiezo a comprenderlo... jajajajaj!!

      Otro fuerte para ti =)
      Bss

      Eliminar
  17. Entonces sería imprimir todas las entradas y hacer el gran libro de More Than Chic??? jaja gracias por el dato y la explicación, flor de laburito Ingrid!

    ResponderEliminar
    Respuestas
    1. Jjajajajajaaja Eli!! Sabes que tú me diste la idea?? Si, sí... con tus tips técnicos tan útiles ;)

      Besazo
      Lo que tiene guasa es que publicara ayer... y hoy va blogger y cambia el formato!! Te lo puedes creer?? Espero que no sea distinto... =(

      Eliminar
  18. Qué genial tutorial! REcuerdo cuando estaba en blogger, me encantaba hacer todo yo misma... ahora con wordpress necesito más ayuda...=(
    El gran libro de More than Chic sería genial!

    ResponderEliminar
    Respuestas
    1. JUstamente eso es lo que me echa para atrás de wordpress... Y mira que me lo he planteado veces en serio, eh??

      Libro?? Uno de mis sueños, jajajaj!!

      Bss

      Eliminar
  19. Gracias! la gestión de un blog es un mundo y un trabajo sin remunerar... Estas cosillas nos facilitan el trabajo bloguero, que no es poco.

    ResponderEliminar
    Respuestas
    1. Y si entre nosotr@s podemos ayudarnos, por qué no hacerlo más fácil??

      Besazo, dear ;)

      Eliminar
  20. ¡¡Vaya!!, antes del tutorial ya creía que eras una campeonísima pero ahora, después de leer toooooooooooodo esto ¡¡eres mi ídolo!!, ¿pero cómo puede ser tan complicado el insertar un "Print"... yo creí que sería "Insert-Print" y poco más, ¡¡que ilusa de mi!!, jajja

    Gracias mil por tomarte la molestia pero... ya no quiero hacer un blog, jajaja.

    Besooo

    María Ra

    ResponderEliminar
    Respuestas
    1. Lo bueno del caso... es que yo también creía que iba a ser 'insertar print' jajajajajjajajajaj!!!
      Por eso precisamente quise hacer el tutorial... aunque no es complicado, te juro que lo mío no son ni los ordenadores, ni la programación... y cambiando de tema, qué hiciste este domingo, pecadora;)???

      Muuuuuuuuuas!

      Eliminar
  21. ¡¡¡"M'as pillao"!!, jajajaja...pues sí... ¡¡pecar!! ("¿por quéeeeeee me hizo el destinooooooo pescadoraaaaaaaaaa?)... pero ligeramente, jajajaja. Tomando como base la super-receta de webosfritos

    http://webosfritos.es/page/8/

    la cambié totalmente, jajajaja. Puse de base galletas digestive machacadas con un poco de cereales de esos que llevan frutos secos, la nata (¡¡me olvidé de tu genial ideal del Mascarpone!!, sniff, pero la próxima lo aplico), las fresas y, en vez de la crema pastelera, machaqué unos plátanos después de calentarlos en el micro, y les puse miel y canela, el tope del puré de fresa (¡¡DELICIOSSSSSSSSSSOOOOOOOO!!... por cierto, me ha sobrado... va para el postre de gelatina "made in morethanchic") y ¡¡a comerrrrrr!!. Hice foto... por si hago el blog dichoso... pero después del "print" me he quedado muy floja, jajajaja.

    Pero hoy va la gelatina con fresa, que eso no engorda, jaja. ¡¡Postre permitido para un martes!! (me veo hasta la una de la mañana esperando a que cuaje, jaaaaaaaaaa)

    Más Muaaaaaaaaas

    María

    ResponderEliminar
    Respuestas
    1. Jjajajajajajajajajjjjajajj!!! Estos días me he acordado mucho de ti porque... me he comido toda la gelatina que no había comido en años!!!!!

      Tengo que probar esto de los plátanos que me tiene intrigada...

      Pero voy a aprovechar ahora que estoy en racha para seguir 'portándome bien' ;)

      Muasss

      Eliminar
  22. muchiiiisimas gracias, que maravilla, que bien explicado!!

    ResponderEliminar
  23. Ingrid,
    ¡Has acabado con mi sufrimiento!...mucho tiempo invertido para averiguar la forma más fácil de añadir el botón print en un blog y por fin te encuentro! no me atrevía atocar el HTML del blog ya que no entiendo mucho, pero lo has planteado de una forma tan sencilla que es el único blog que he encontrado que no habla en chino! misión cumplida ya tengo mi botón de print!
    Lo necesitaba porque tengo un blog de cocina,que ahora es bebé, no hay muchas recetas, pero que invito a que lo visites: yasequecocinar.blogspot.com
    Gracias!!

    ResponderEliminar
    Respuestas
    1. Jjajaj, me alegro!!! Una vez conseguido me propuse hacer de esto algo tan sencillo y asequible como en realidad es =)
      Te deseo toda la suerte del mundo; luego voy a conocerte.

      Bss

      Eliminar
  24. Muchas gracias!!!!!!!! Después de varias horas peleando he dado contigo y en unos minutos ya tengo botoncito de imprimir.

    ResponderEliminar
  25. Hola, tu entrada en este blog me ha servido para poner el famoso botón de imprimir en mi blog de cocina. Muchas gracias. Ahora la gente lo tiene más fácil para imprimir. De luxe ;-)

    Dejo el enlace de mi blog por si lo quereis visitar :

    http://pimientaymenta.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Me pasaré ;)
      Verdad q no era tan complicado como parecía?

      Bss

      Eliminar
  26. hola , gracias por tu tutorial. Pero tengo un problema he intertado en mi blogger 2 botones como quito uno

    ResponderEliminar
  27. Pues no tengo ni idea... Prueba a eliminar uno de los códigos, a ver qué pasa ;)

    ResponderEliminar
  28. Muchas gracias por este post, por fin tengo el botón print en mi blog. Feliz Navidad,

    ResponderEliminar
  29. Mil gracias, me estaba volviendo loca y no tenía ni idea de como solucionarlo, :)

    Ahora funciona a la perfección.

    ResponderEliminar
  30. Llevo días intentando averiguar qué era lo que hacía mal.
    Me has salvado la vida!!! O al menos de la locura :)
    Fantástica entrada. Maravillosamente explicada. Curradísima!!
    Muchisimas gracias!!!!!!

    ResponderEliminar
  31. Muchas gracias!!!! llevaba mucho tiempo queriendolo poner y no había manera, gracias a ti lo he conseguido.
    Besos.

    ResponderEliminar
  32. Gracias, queda muy lindo, necesitaba ya que alguien puede necesitar imprimir las recetas que publico. www.recetason.com.ar

    ResponderEliminar
  33. Muchas gracias Ingrid, genial tu tutorial lo he conseguido a la primera!! eso que no soy yo muy docta en estas cosas.

    Un abrazo

    ResponderEliminar

Y tú, ¿cómo lo ves ;)?

Related Posts Plugin for WordPress, Blogger...