Agregar opción de imprimir post

4 de febrero de 2009 47 comentarios ,
Imprimir artículo


Es posible que el contenido que publiques sea de mucha utilidad para tus lectores, es por ello que ahora agregaremos la opción de imprimir la página para hacerles la vida más fácil a los lectores y darle un toque de profesionalismo al blog.

Para ello entra en Plantilla | Edición de HTML, busca la etiqueta <data:post.body/> y justo debajo de ella pega el siguiente código:

<br/><a href="javascript:print()">Imprimir artículo</a>

Donde dice Imprimir artículo lo puedes cambiar por sólo Imprimir o por lo que quieras.
¿Lo quieres más llamativo? Entonces puedes cambiar el texto por una imagen, para ello usa este código:

<br/><a href='javascript:window.print()'><img border='0' src='URL de la imagen'/></a>

Ahora sólo cambia donde dice URL de la imagen por la dirección donde tienes alojado el ícono que vas a usar.


47 comentarios en:

" Agregar opción de imprimir post "

  1. muchas gracias muy util tu informacion

    ResponderEliminar
  2. no me aparece el la imagen?? me podrian ayudar

    ResponderEliminar
  3. Hola SpOtT,
    Asegúrate que la dirección de la imagen funcione bien, prueba intentando con otras imágenes alojadas en otro servidor.
    Saludos.

    ResponderEliminar
  4. Hola...antes de nada gracias por los truquis que estoy aprendiendo de tu blog. Al intentar hacer este,me imprime todo el blog entero. Me he puesto en editar alguna de las entradas y he puesto al final en edicion html el código que me das. En el post sale abajo imprimir pero al pinchar me ha salido todo.A que se debe?hay alguna forma de solo imprimir la receta?

    ResponderEliminar
  5. Hola Lidysan,
    Primero déjame felicitarte por el trabajo que haces en tu blog, ya sacaré de ahí unas recetas para impresionar a alguien especial =)
    Con respecto a lo otro tienes razón, este truco sólo deja la opción de imprimir toda la página. Ya he publicado otro artículo para que sólo se imprima el post y omitir todo lo demás. Puedes ver la explicación haciendo click aquí.
    Saludos.

    ResponderEliminar
  6. ME HA RESULTADO MUY ÚTIL ESTA INFORMACIÓN,MUCHAS GRACIAS.

    ResponderEliminar
  7. Excelente ! he podido mejorar muchisimo mi Blog Comité Socialista de Estudios. De verdad muchisimas gracias. Excelente Página

    ResponderEliminar
  8. Gracias a ti por tu visita y tus comentarios.
    Saludos!

    ResponderEliminar
  9. Hola. Ante todo, felicidades por el blog, es una gran ayuda. He seguido tus instrucciones y he conseguido que se imprima, pero sólo una página. cuando el post tiene más de una página salen en blanco. Que hago?. también me gustaría, si se puede, saber que hacer para que no se me imprima al pié de cadapágina la fecha, hora y nº de página, así como el nombre de la web y de la entrada de la parte superior. Muchas gracias de antemano. mi blog es www.depicoteoportenerife.com

    ResponderEliminar
  10. Pues debería imprimir todo el contenido, quizá al momento de configurar la impresión estás seleccionando sólo una hoja.
    Respecto a lo otro mira esta entrada para saber cómo imprimir sólo la entrada.

    ResponderEliminar
  11. Gracias. Lo he borrado todo de nuevo y he vuelto a seguir tus instrucciones y sigue igual, sólo se imprime la primera página, las otras salen en blanco, aunque con el encabezado y el pié. No sé que más hacer.

    ResponderEliminar
  12. Entonces quizá es la configuración de tu impresora, no sé qué más pueda ser :\

    ResponderEliminar
  13. Hola. efectivamente probé con otra impresora y sale bien. Tendré que mirar que le pasa a la mía. Muchas gracias

    ResponderEliminar
  14. Muchísimas gracias por tus truquitos!!! Acabo de empezar y la verdad es que tus recomendaciones me han servido de mucho! Excelente trabajo!!! Mi blog aún no sale en google porque solo tiene tres días, pero si le quieres echar un vistazo... Gracias!
    http://laclasedeele.blogspot.com/

    ResponderEliminar
  15. Gracias a ti Veronica por tu amable comentario. Va muy bien tu blog, me encantan los temas didácticos :D

    ResponderEliminar
  16. Hola:
    Hace muy poco que he creado mi propio blog, estoy intentando hacer algunas modificaciones y todos los que publicáis este tipo de blogs sois de gran ayuda.
    De hecho ya he sacado alguna idea de tuneando el blog.
    Ahora encontré esta entrada tuya que me viene de perlas, pero me encuentro con el problema de que cuando pongo el enlace para que salga la imagen de la impresora no se ve, además cómo puedo hacer para que salga también en las entradas antiguas.
    Muchas gracias por tu tiempo y dedicación a todos nosotros
    Un saludo
    Mi blog es
    www.cocinandosetas.com, por si te quieres pasar, jajajaja

    ResponderEliminar
  17. Hola Conchi,

    No he visto que tengas puesto el código en tu blog, pero otra opción es que expandas los artilugios de tu plantilla y pegues el código debajo de:
    <div class='post-footer'>

    Con eso saldrá en todas las entradas incluyendo las antiguas.
    ¡Saludos!

    ResponderEliminar
  18. Graciasss
    Mañana bien despierta lo intentaré.
    Si miras en la entrada que he puesto hoy si aparece la opciòn de imprimir.
    Besos

    ResponderEliminar
  19. He mirado lo que me comentas pero me da un miedo terrible andar cambiado algo en la plantilla.
    Gracias y seguiré por aqui.

    ResponderEliminar
  20. No hay manera!!! y mira que esta opción debe de ser para principiantes... vaya para peques de pimer grado en temas de blogs, pero o estoy espesa o muerta...NO SE NO SE.
    GRACIAS POR TU CONSEJOS

    ResponderEliminar
  21. Hola Fe-i*ka,

    No desesperes, algunos truquillos nos salen a la primera, otros requieren más tiempo.
    Entré a tu blog pero no vi puesto el código, supongo que lo has quitado.
    Necesitaría que lo pongas de nuevo para que pueda entrar y ver dónde puede estar el problema.

    Saludos!

    ResponderEliminar
  22. Buenoooooo tu que eres un ser del espacio "especial" ¿has entrado en mi blog? Dios Santo!!! eso es como si hubieras o husieses entrado en mi casa...AY! ¿.....?
    Sobre el tema... que nada de nada, esta vez me he aventurado también con el icono.

    Hay muchas cosikas que me faltan en el blog, pero tu, que crees que es lo más necesario de todo lo nos muestras.

    Mil gracias y un abrazo.

    ResponderEliminar
  23. Hola Fe-i*ka,

    Muchas gracias por tu comentario :)
    Nuevamente entré pero sigo sin ver el código en la plantilla :/

    A modo personal me gustan más los blogs como el tuyo, es decir, que no están sobrecargados, pero claro, eso es una preferencia personal; por supuesto siempre debe ser más importante que el blog sea de tu gusto y tenga las cosas que a ti te gustan siempre y cuando éstas sean necesarias para ti o los lectores.

    Un abrazo!

    ResponderEliminar
  24. Yo no encuentro por ningún sitio ni sé como localizarlo...ayuuudaaaaaaaaa

    ResponderEliminar
  25. Debes marcar la casilla Expandir plantillas de artilugios. Usa las teclas CTRL + F para que te sea más fácil hallarlo.

    ResponderEliminar
  26. Lo siento Potro, no me aclaro, o soy muy torpe o no sé como imprimir cada una de las recetas de mi blog por separado. Veo muchos blogs que tienen un icono de una inpresora justo debajo de cada receta al lado de los botones de facebook y twiter pero yo no logro ponerlo para que de la opción de imprimir ese post solamente.
    A ver que puedo hacer...Gracias por tu ayuda

    http://consaboranostalgias.blogspot.com/

    ResponderEliminar
  27. Entonces debes seguir este tutorial para imprimir sólo la entrada y no el resto del blog:
    http://ciudadblogger.com/2009/05/opcion-de-imprimir-solo-la-entrada.html

    ResponderEliminar
    Respuestas
    1. hola, no sé que estoy haciendo mal. he seguido todas tus indicaciones de entrar en edición html..y pegar el código, pero cuando le doy a ver el blog no aparece nada....puede tener algo q ver con la plantilla? ---soy nueva en todo esto---.


      gracias

      un saludo

      Eliminar
    2. Hola Patricia, ¿en cuál blog lo has puesto?

      Eliminar
  28. Muy bueno!gracias ¿se puede hacer algo similar pero con la opcion descargar?

    ResponderEliminar
  29. no, sería por ejemplo para descargar en caso de poner un video que a la gente le guste, o una imagen o archivo.¿como se hace eso?

    ResponderEliminar
    Respuestas
    1. Tendrías que comprimir el archivo (ZIP o RAR), subirlo a un hosting y poner el enlace de ese archivo que subiste:
      <a href="URL del archivo">Descargar</a>

      Eliminar
  30. Me parece muy buena la idea esta. Cómo puedo hacer para agregarla en mis entradas, a la altura del botón de facebook, en el otro extremo?? Es decir, está el título del post, la fecha con el autor, y en la línea donde está el botón de facebook, en la otra punta, del lado derecho, ahí el ícono que diga "imprimir", cómo lo pongo ahí?? Gracias!!!!

    ResponderEliminar
    Respuestas
    1. Ahí lo que convendría (para no complicarte) es buscar esta línea:
      <div class='fb-like' data-send='false' data-show-faces='false' data-width='450'/>

      En su lugar poner una tabla:
      http://ciudadblogger.com/2009/05/insertar-tablas-en-blogger.html

      Dentro de la tabla pondrías en una celda la línea que eliminaste (esa es el botón "Me gusta") y en la otra celda el código del de esta entrada.

      Eliminar
    2. Entiendo la idea, pero voy a la entrada de las tablas y ahí, me perdí...jaja debería hacer una tabla con dos celdas, sin bordes, no? entonces, cómo quedaría? Algo así:

      table border="0" cellpadding="0" cellspacing="0"
      tr
      td div del botón facebook /td
      td br/ a href='javascript:window.print()' img border='0' src='URL de la imagen'/ /a /td
      tr
      /table

      le faltan los cierres, y aberturas, pero sería algo así??? Saludos!!!

      Eliminar
    3. Sí, algo así. De todas formas te recomendaría que hagas un respaldo de la plantilla y ese respaldo lo subas en un blog de pruebas y ahí practiques primero, así no tendrás apuro si algo sale mal ;)

      Eliminar
  31. Bueno, no me quedó bien...jajaja el ícono que usé es de 53x35. Acá te dejo la captura de pantalla: https://dl.dropbox.com/u/53944893/Captura%20Pantalla%20Imprimir%20en%20entradas.png Espero que se pueda solucionar, queda lindo, cuando esté bien!!!

    ResponderEliminar
    Respuestas
    1. Ciertamente se ve lindo :) pero necesitaría verlo ya puesto en el blog para decirte cómo se puede acomodar.

      Eliminar
    2. Es verdad, acá lo instalé en un blog de pruebas: http://blogparamiforo.blogspot.com/2012/09/esto-es-una-prueba.html quedaría así, se ve lindo, si estuviera bien puesto jaja espero tu respuesta!!!

      Eliminar
    3. Arribita de la tabla que agregaste verás un DIV que tiene esto:
      style='float:left;width:100%;padding:0;margin:10px 0 5px 0'

      Cámbialo por esto:
      style='width:100%;padding:0;margin: 0px 0 -40px 0;'

      Eliminar
    4. Y si lo quiero más hacia la punta??? es decir, el extremo derecho del blog, no con tanto margen?? Ya está instalado en el blog, así que fijate cómo queda y decime qué debo cambiar...jaja saludos!!!

      Eliminar
    5. Dentro de la etiqueta TABLE agrega width="100%"
      Con eso se extenderá todo.
      Saludos.

      Eliminar
  32. Yo lo hice pero tng un problema, a ver si me puedes ayudar. Ahora cooiando el enlace para oublicarlo en mi face, en la entrada pone: imprime esta entrada.

    www.facebook.com/madridamygusto

    Espero k tenga solucion, te dejo el enlace para k veas de k te hablo. Gracias

    ResponderEliminar
    Respuestas
    1. Es que el código lo has puesto debajo del título del blog, nunca en ningún caso debe ir en esa área.

      Eliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger