Opción de imprimir sólo la entrada del blog

20 de mayo de 2009 287 comentarios ,
PrinterAnteriormente expliqué cómo tener la opción de imprimir la página del blog. Pero el inconveniente de ese truco es que imprime toda la página, incluyendo la cabecera, los comentarios y todo el contenido del blog que puede ser innecesario para quien desea imprimir únicamente el contenido del blog. Así que ahora lo que haremos será poner la opción de imprimir sólo el post y excluir todo lo demás. De esta forma haremos que el usuario se ahorre bastante tinta de la impresora.

Primero ve a Plantilla | Edición de HTML y pega antes de </head> el siguiente código:
<style media='print' type='text/css'> header, #header-wrapper,
#header, .header, #crosscol-wrapper, #crosscol, .tabs-inner, aside, #sidebar, #sidebar-wrapper, .sidebar, .post-footer, footer, #footer-wrapper,
#footer, .footer, .date-header, #comments, .comments, #backlinks-container, .feed-links, #blog-pager, #navbar-iframe {display:none}
#main-wrapper {width:95%; overflow:visible !important;}</style>

Si huebiera algún gadget arriba o abajo del post busca su ID y agrégalo, por ejemplo:
#HTML2

Lo mismo que si tuvieras otra sidebar u otros elementos en la plantilla, todos ellos deberás buscar su ID y añadirlos al código anterior. Todos los elementos que agregues debes ponerlos justo después de lo que está en color azul y todos y cada uno de ellos deberán ir separados con una coma.

Ahora busca esta etiqueta <data:post.body/> y pega debajo de ella lo siguiente:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7EfPDZ9ar5zm4wcUz30XcqXkcy-gquNo27cMEvb7fx3mtoERxFynef8eiJnTY9wD_9dIpGZWT4vZBLra3z9gZkxvFNcjLjBUe9PYJUn7Z9S5HrjU1hsy5jA81cvrWYzeIbsf3cbMFtTk/s16/impresora.png) left no-repeat; padding-left: 30px;'><a href='javascript:window.print()'>Imprimir artículo</a></span>
</b:if>

Ahora abajo de tus entradas aparecerá la opción de imprimir y sólo se imprimirá el post. El texto de "Imprimir artículo" sólo aparecerá cuando el lector esté en la página del post.

Si lo deseas puedes cambiar la imagen de la impresora sustituyendo la URL de la imagen del último código.
Puedes ver el ejemplo funcionando aquí mismo.

Imprimir artículo


287 comentarios en:

" Opción de imprimir sólo la entrada del blog "

  1. Interesante bro, no sabía que se podia imprimir sólo el post. Yo tenia uno en mi blog, pero lo saqué porque imprimía todo.


    Sos un maestro!!!!


    Dentro de unos meses ningún servicio va a querer contabilizar las estadísticas de este blog porque les va a saturar los servidores. jajajaja. Te lo mereces bro!


    Un abrazo!

    ResponderEliminar
  2. jajaja mira qué exagerado, jajaja.
    Gracias por tus comentarios y por estar siempre bro.
    Un abrazo.

    ResponderEliminar
  3. Interesante mi querido Watson :P

    jaja, muy buen post.

    Con respecto a la publicidad, ya está puesto tu banner, date una vuelta para ver como quedó..


    Saludos !

    ResponderEliminar
  4. Muchas gracias El Autor.
    Saludos.
    =)

    ResponderEliminar
  5. Hola amigo hoy tengo las entendederas mal tampoco se lo pude colocar Saludos Dr Page

    ResponderEliminar
  6. Hola Dr. Víctor,
    Copia y pega el código tal como está, no agregues ninguna línea hasta ver que el código principal ya se ha guardado bien.
    Si sigues teniendo más problemas dime qué error te marca.
    Saludos.

    ResponderEliminar
  7. Hola amigo gracias por responder, lo volvi hacer tal como lo indicas pero no sale nada, no se ve, ni idea de que esta pasando.

    ResponderEliminar
  8. Hola Dr. Víctor,
    Está funcionando perfecto, acabo de verlo en tu blog. Lo que sucede es que sólo se ve cuando haces click en el título de una entrada. Haz click en cualquiera de ellas y verás que al final del post aparece sin problemas la opción de imprimir.
    Saludos.

    ResponderEliminar
  9. Amigo tienes razon disculpa mi ignorancia gracias por tu apoyo. Saludos Dr Page

    ResponderEliminar
  10. Hola, disculpa pero sigo tus pasos pero no sale nada en el post que puede ser? gracias

    ResponderEliminar
  11. Hola Alberto Mario,

    He entrado a tu blog y funciona perfecto. Recuerda que la opción de imprimir no se verá en la página principal, entra a cualquier entrada y verás abajo del post la opción de imprimir.

    Saludos.

    ResponderEliminar
  12. Hola que tal??
    Estoy intentando poner la opción imprimir pero no encuentro: data:post.body, supongo que no estará.
    que puedo hacer?
    Gracias de antemano.
    un saludo

    ResponderEliminar
  13. Hola MªJosé,

    En tu plantilla está como:
    <P>
    <data:post.body/>
    </P>

    Recuerda que debes marcar la casilla Expandir artilugios para que puedas encontrarlo.

    Saludos.

    ResponderEliminar
  14. Hola me aparece data:post.body pero las p, no las tiene.
    Gracias

    ResponderEliminar
  15. Hola MªJosé,

    Entonces pégalo después de eso, también funciona de ese modo.

    Saludos.

    ResponderEliminar
  16. GRACIAS POR AYUDARME A RESOLVER EL PROBLEMILLA.
    UN SALUDO

    ResponderEliminar
  17. Gracias a ti por visitar este blog y por compartir la receta de la pizza de atún =)
    Saludos.

    ResponderEliminar
  18. Gracias por el aporte. Aplicado y todo ok!

    ResponderEliminar
  19. Hola

    He conseguido que me imprima la entrada, pero queria saber si es posible que sea mas ancho, ahora solo imprime 2/3 partes de la hoja (sale todo, pero un formato feo)

    ResponderEliminar
  20. Hola Sonia,

    El ancho y alto así como los márgenes los determinas tú al momento de imprimir, es decir, depende de la configuración que tengas en tu impresora.

    Saludos.

    ResponderEliminar
  21. Gracias por tu respuesta, pero creo que tiene algo que ver con las fotos q inserto. Me explico: ahora tengo las fotos de las recetas (es un blog de cocina) a la derecha (con el texto al lado de la foto) y la impresion sale mal. He probado de poner la foto en el centro, entonces el texto queda debajo de la foto y la impresion sale perfecta. Te dejo mi blog por si te pudieras pasar a verlo (es q no se si me explico bien).

    http://nl-bcn.blogspot.com/

    Muchas gracias

    ResponderEliminar
  22. Hola Sonia,

    Es verdad, he impreso una receta y la foto sale arriba del texto. No sé a qué se pueda deber, es probable que sea un error de cómo el navegador interpreta la orden de impresión.
    Si te da mucho problema, puedes usar otra opción como PrintFriendly. Igual hay que pegar el código que te dan en el mismo lugar que menciono en este post.

    Te dejo el enlace:
    http://www.printfriendly.com/button

    Saludos.

    ResponderEliminar
  23. Hola de nuevo!

    No tengo palabras...de agradecimiento! ha salido todo PERFECTO, muchisimas gracias.

    Un saludo,

    ResponderEliminar
  24. Por nada Sonia, me da gusto que te haya resultado.
    Saludos!

    ResponderEliminar
  25. buenas antes de todo felicidades por el blog que esta muy bien sobretodo para principiantes como yo. Estoy teniendo problemas para imprimir, no se que pasa que me sale la página en blanco. Estoy haciendo pruebas en este blog :

    http://unratitoparareir.blogspot.com/2010/02/teg4t5gf.html

    ¿podrias echarme un cable porfa? me estoy volviendo loca.

    Gracias

    ResponderEliminar
  26. Hola FJZN,

    Revisa la configuración de tu impresora, yo acabo de imprimir la entrada que pusiste de ejemplo y se imprimió sin ningún problema.

    Saludos.

    ResponderEliminar
  27. Buenas de nuevo , por fin he conseguido imprimir un post normal , hasta ahora estaba intentado imprimir de manera economica y no me deja, no entiendo poque no me deja imprimir de manera economica.

    Gracias.

    ResponderEliminar
  28. Qué bueno que ya has podido imprimir la entrada :)

    ResponderEliminar
  29. Hola ! estoy aprendiendo mucho contigo, muchas gracias ! estoy intentando cosas en un blog de prueva porque yo de ordenadores ni idea.
    He colocado todo lo que comentas para imprimir pero me continua apareciendo el Menu de paginas (por cierto lo rectifique como tu explicas en otro post y queda estupendo). Dices que hay que añadir el id pero he provado varias y no doy con ella, que debo añadir ?? muchas gracias ! y enhorabuena por tu trabajo

    ResponderEliminar
  30. Hola Nuria i Sergi,

    Prueba poniendo esta ID para excluir tu menú de páginas:
    #PageList1, #PageList2

    Seguro que con eso ya queda.
    Gracias por tus comentarios y tu visita.
    Saludos!

    ResponderEliminar
  31. muchas gracias, ahora ya no aparece !! solucionado. Gracias de nuevo

    ResponderEliminar
  32. Qué bueno que ya está funcionando!
    Saludos.

    ResponderEliminar
  33. hola:

    No consigo hecharla a jalar, me aparece imprimir pero no imprime nada, la he borrado para hecerlo de nuevo, lo que no entendì fuè lo de seprarlo con comillas. podrìas especificarlo?

    de antemano gracias

    ResponderEliminar
  34. Hola INSTITUTO LA PAZ AC,

    No veo el código en tu blog, necesitaría verlo funcionando para verificar que no se trata de un problema con tu impresora.

    Saludos.

    ResponderEliminar
  35. Hola, he copiado como dices el texto antes de head y el otro debajo de post body y no me sale nada de imprimir.
    ¿Que hice mal?
    Gracias.

    ResponderEliminar
  36. Hola Amanda,

    Debe ser debajo de <p><data:post.body/></p> no de .post-body p {

    Saludos.

    ResponderEliminar
  37. lo he puesto en mi blog www.apuntesth.blogspot.com y www.tutoshector.blogspot.com y queda superbien

    ResponderEliminar
  38. Perfecto, me alegra que te haya servido :)

    ResponderEliminar
  39. Amigo Potro aqui nuevamente preguntando, he hecho lo que dijiste y probe imprimiendo haber que tal salia y pues me imprimio toda la web a excepcion del head. Lo he puesto en mi blog de pruebas y asi me quedo, lo que stoy seguro he hecho mal es la parte de los didebar y lso gadget no se cuales son los ids, arriba de las entradas del blog tengo mi menu lava lamp que lo saque del amio Eduardo Sanguino de ciudadblogger, no se si pudiera enviarte por correo mi plantilla para que me ayudes mejor. saludos

    ResponderEliminar
  40. Eso es porque los elementos de tu plantilla tienen un nombre distinto a los comunes, sólo sería cuestión de que agregaras al primer código estas partes:

    #wrapper, #bottom_frame, #top_frame, #header, #footer, #searchform, #welcome, #rss, #sidebar_left, #sidebar_right, #respond

    ResponderEliminar
  41. :D como siempre.... buenisimo!

    ResponderEliminar
  42. Hola, gracias por la respuesta tan pronto, pero ya agregue lo que dices y pues imprime igual todo menos la cabecera , no se si te podria enviar el codigo html para que me puedas orientar mejor, a algun correo en particular, de antemano gracias

    ResponderEliminar
  43. Estás poniendo el nombre de los elementos fuera del código, debe quedar así:
    <style media='print' type='text/css'>#wrapper, #bottom_frame, #top_frame, #header, #footer, #searchform, #welcome, #rss, #sidebar_left, #sidebar_right, #respond, #header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, .post-footer, #footer-wrapper,
    #footer, .date-header, #comments, .post-meta-data, .comment-link,
    .comment-footer, #backlinks-container, #blog-pager,#navbar-section, .navbar,
    .subscribe_notice, .noprint {display: none;}#main-wrapper {width:
    95%; overflow: visible !important;}</style>

    Saludos.

    ResponderEliminar
  44. Gracias por la pronta respuesta, hice el cambio como me indicaste y lo bueno es q ya no imprime ni una de las sidebar pero tampoco imprime el post, la hoja sale en blanco, creo que vamos por buen camino, gracias por la respuesta ahora si ya jalo a estudiar que toy con la hora. Saludos desde Perú

    ResponderEliminar
  45. Entonces elimina #wrapper de la lista, quizá ese es el que muestra las entradas, sino se arregla elimina uno a uno hasta que des con el que debe ser.

    Saludos.

    ResponderEliminar
  46. Okas, asi lo hare gracias y te aviso como me va

    ResponderEliminar
  47. Por fin lo logre, lo consegui como me indicaste me puse a probar uno a uno, pero no obtuve resultados,entonces opte por lo contrario añadir uno por uno y pues la solucion fue añadir la #sidebar_left, #sidebar_right, muchas gracias buenisimo este truco que aportas a la comunidad amio potro
    saludos y muchisimas gracias por el tiempo prestado

    ResponderEliminar
  48. Qué bueno que lo has podido solucionar y que ya está funcionando :)

    ResponderEliminar
  49. Gracias amio potro seguire leyendo la info y los trucos que tiene spara mejorar mi blog, Saludos

    ResponderEliminar
  50. Holas nuevamente, disculpas porlas preguntas, pero todo estaba tan bien, pero me acaba de sucederel siguiente problema no se si me podrias decir de que se trta o como solucionarlo, cuando imprimo, me imprime solola entrada pero no lo imprime centrado sino alineado a la derecha y o se lee toda la entrada se come la letra a la derecha, te dejo una imagen paraque pueda ver mejor.

    http://lh4.ggpht.com/_Sy_tjsYPJlg/S6-NskQi58I/AAAAAAAAAWo/xU4Oq2SYXpw/s512/error%20impresion.jpg

    Ojla y sepas aq ue se deb een todo caso igual gracias por la leida

    ResponderEliminar
  51. Eso ya puede deberse a la configuración de tu impresora, revisa los márgenes establecidos.

    ResponderEliminar
  52. Hola todo lo que he intentado de tu blog me ha funcionado (aunque algunas no las he dejado porque solo las experimentaba) pero este de imprimir no me funciona, incluso he intentado los consejos de los otros mentarios y nada, por favor, dale una observada a mi blog y ayudame, me serviría mucho porque es un blog para estudiantes: http://profejuanc.blogspot.com/

    ResponderEliminar
  53. Pd:intenté el de printfriendly.com pero no quisiera ese, quiero tu código. (en la medida que sea posible), gracias.

    ResponderEliminar
  54. ¿Qué no funciona? ¿no imprime? ¿imprime todo? ¿no aparece el enlace?

    ResponderEliminar
  55. Hola amigo puedes revisar el codigo fuente de mi blog hice lo que me dijiste en un principio parecia la solucion pero me sale impresa la mitad de mi entrada no se que esta mal
    mi direccion de correo es administrador@saborcotidiano.com y mi blog es http://www.saborcotidiano.com/
    Te AGRADEZCO MUCHO

    ResponderEliminar
  56. Quizá estás intentando imprimir desde la portada del blog, ahí no se imprimirá todo pues tienes el Leer más, tiene que ser directo en la entrada completa.

    Igual veo que tienes dos enlaces para imprimir, no sé si intentaste poner otro método o lo repetiste.

    Saludos.

    ResponderEliminar
  57. Hola gracias por tu respuesta veo que viste mi blog bueno el tema es que ahora saque el otro codigo que habia para imprimir (si estaba probando dos)
    Ahora dejo solo el tuyo, perfecto cuando alguien quiere imprimir un post mio se va a "leer mas" y al final sale imprimir articulo
    El tema es que no solo impirime el post tambien la propaganda de arriba la lista de categorias(es un gadget HTML) tambien los libros de abajo (es un gadget HTML)y tambien el video que pongo al pie (es un gadget HTML)
    Te recuerdo la direccion de mi blog es : http://www.saborcotidiano.com

    ResponderEliminar
  58. Hola Administrador,

    Tal como he mencionado en la entrada y en los comentarios, hay que localizar las ID de esos gadgets y agregarlos al primer código para que los omita al momento de imprimir.
    Por ejemplo, tu menú de arriba es HTML4
    Las categorías de abajo es Label3
    La publicidad de libros es HTML16
    El video de abajo es HTML5

    Esas ID agrégalas en el código como se explica.
    Saludos.

    ResponderEliminar
  59. Buenos dias,

    Te escribí en su momento (comentario 20) para incluir esta opcion en mi blog, no salió y puse el PrintFriendly, q ahora no me funciona. He vuelto a probar de poner la opcion de imprimir de este post y me funciona bien, solo un pequeño detalle:

    El icono y el texto de imprimir me salen pegados a la ultima linea de la entrada y no sé como separarlo...me ayudas?

    Muchas gracias

    (nl-bcn.blogspot.com)

    ResponderEliminar
  60. Buenos días,

    Busca el el código que has pegado donde dice background, y antes de él agrega esto: margin-left:10px;

    Saludos.

    ResponderEliminar
  61. Perfecto! Muchisimas gracias de nuevo,

    ResponderEliminar
  62. Hola me encanta tu blog y es de los más útiles que conozco. Éste código es de los más sencillos para imprimir, me sale perfecto, solo que a mi me gustaría y no sé si es posible que solo se imprimiera el texto sin las imagenes que tengo en el blog, no sé si sería posible o existe algo así, ojala puedas ayudarme.

    Gracias!! ;)

    ResponderEliminar
  63. Hola Mayte,

    Intenta agregando en el primer código antes de #header-wrapper esto:
    .post img,

    Quizá eso ayude a que no se impriman las imágenes.
    Saludos.

    ResponderEliminar
  64. Gracias por responder tan pronto!!
    probaré en un rato y te digo...como salio.

    ResponderEliminar
  65. Pues muchas gracias!!! lo he hecho todo cual lo has indicado, incluido lo de las imagenes para que no aparezcan y así es, al saltar la impresora, solo imprime el texto. Muchas gracias de verdad por dedicar parte de tu tiempo a ayudar a los demás...Saludos y buen fin de semana! ;)

    ResponderEliminar
  66. Qué bueno que te ha funcionado :)
    Buen fin de semana igualmente.

    ResponderEliminar
  67. Buenas!!! muchas gracias!! solo me queda una duda y no se como solucionarla!!! me guastaria que alguna de las fotos, la primera...la última...saliese más grande!! es posible??? graciaas!!

    ResponderEliminar
  68. No, la impresora imprimirá el mismo tamaño de la imagen que haya en la página.
    Saludos.

    ResponderEliminar
  69. Hay alguna forma en ves de poner lo que no queremos imprimir en el style, poner mejor lo que nomas queremos imprimir

    ResponderEliminar
  70. hola amigo quiero preguntarte deseo organizar una serie de imagenes,en un solo post; pero darle la opciòn a las personas de imprimir las que ellos quieran individualmente... ¿es posible, como la organizo?.. gracias. si me puedes responder.. juankp74..

    ResponderEliminar
  71. Desconozco si pueda hacer con algún script distinto, al menos con este código no se puede :s

    ResponderEliminar
  72. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  73. Sólo agrega antes de #header-wrapper esto:
    #Image1,

    Con eso deberá de desaparecer de la impresión.

    ResponderEliminar
  74. Muchisimas gracias, eres un encanto.

    ResponderEliminar
  75. Gracias, como siempre perfecto, te visito desde hace algún tiempo y gracias a ti y otros blogs de ayuda, he ido formando mi blog de cocina, esta opción de imprimir me viene genial, ya te tengo enlazado en mis 2 blogs.

    http://cocina-con-gusto.blogspot.com
    http://yeremi-vargas.blogspot.com

    Repito gracias por todo.

    ResponderEliminar
  76. Al contrario, gracias a ti por visitarme tan seguido y por los enlaces :)
    Saludos.

    ResponderEliminar
  77. Hola Potro:
    Perfecto, salvo que el icono y la letras me quedan solapadas en la última línea del artículo. He probado la solución que das en el comentario 60 (margin-left:10px;), pero no funciona.
    Si puedes ayudarme perfecto.
    Gracias
    www.bonavistacuinaclub.com

    ResponderEliminar
  78. Puedes poner antes del último código que has pegado esto:

    <br /><br /><br />

    Eso le dará un espacio entre el texto de la entrada y el link para imprimir.

    ResponderEliminar
  79. Oye en mi blog aparece error en la página peudes orientarme al respecto, sucedió cuando intente insertar el codigo que sugieres, al parecer me equivoque en la ubicación, lo borre y después me aparece en la barra de estado el icono de error en la pagina. WWW.supervisionpapantla.blogspot.com

    Gracias

    ResponderEliminar
  80. En las plantillas nuevas de Blogger nunca lo he probado, así que no sabría decirte cuáles son los nombres de los elementos que van dentro del primer código. Es un hecho que son distintos pero no tengo idea de cuáles sean ya que me he mantenido un tanto al margen de esas plantillas por lo confusas que son :\

    ResponderEliminar
  81. Gracias Potro por tu pronta respuesta, estamos en contacto. Si por accidente lo resuelvo te lo comunico.

    ResponderEliminar
  82. Hola Potro:
    Perdona de nuevo, pero no me sale. Exactamente cual es el último código. Quizá me estoy equivocando.
    Un saludo

    ResponderEliminar
  83. Justo el último que ves en la entrada, arriba de él es donde debes pegar lo que te mencioné.

    ResponderEliminar
  84. Gracias Potro, pero es lo que ya hacía y no me queda bien. Pero es igual, no te preocupes.
    Gracias de todads formas

    ResponderEliminar
  85. Ummm, pues con eso debió funcionar :\

    ResponderEliminar
  86. Qué tal Potro? Oye como le hago para que aparezca de forma permanente el formato de comentarios? Pues solo aparece cuando le clikeo sobre "comentarios" www.supervision008.blogspot.com

    ResponderEliminar
  87. Los comentarios sólo son visibles en la página individual, así que no se pueden poner en la portada, siempre habrá que entrar a la página de la entrada o hacer click en el link de comentarios.

    ResponderEliminar
  88. Hola, me funcionó bien, gracias por este aporte, pero me gustaría saber si puedo omitir los comentarios de la impresión, ya que también se imprimen junto al post.
    Un saludo!

    ResponderEliminar
  89. Hola Milena,

    El código ya tiene incluida la parte que hace que no se muestren los comentarios, es posible que tu plantilla esté muy modificada y se hayan cambiado los valores.

    Saludos.

    ResponderEliminar
  90. Potro tienes toda la razón, recién estoy aprendiendo algo de html y me encuentro personalizando una plantilla, seguro que hay conflicto con algún código, tú podrías decirme a groso modo cual podría ser el problema, tampoco me funcionan los buscadores. :)
    Muchas gracias por tu pronta respuesta!

    ResponderEliminar
  91. Pues lo curioso es que veo que esas áreas están intactas (me refiero a que no cambiaste el nombre de los contenedores), así que no deberían imprimirse los comentarios :\

    ResponderEliminar
  92. Jajajjajaj.. que amable eres, fuiste a mi blog!.. pero aun no hago el cambio, el blog en el que estoy ensayando es este http://www.elblogdetisha.blogspot.com/ y es ahí donde se generan los problemas, borré encabezados, modifiqué la plantilla, la cantidad de columnas (eliminé varias) y también borré el buscador y unas páginas estáticas.
    Como vez hice una carnicería, pero este diseño me gusta más.
    Hoy cambiaré la plantilla definitivamente y te contaré qué tal me fué, quizás funcione mejor con la plantilla nueva.
    Un saludo y gracias nuevamente!

    ResponderEliminar
  93. Incluso en esa plantilla tampoco deberían imprimirse los comentarios pues el nombre de esa área sigue siendo la misma (#comments) y ya está agregado al código para omitir su impresión.

    ResponderEliminar
  94. Hola !!! Llego a tu blog a través de Mayte.En el suyo vi la opción de imprimir las entradas pero sin las fotos y le pregunté.
    Te quería comentar que lo he probado, pero el primer problema que me encuentro es que hace la impreción con el color de fondo del blog. 1ª pregunta, puedo eliminarlo de forma que salga el fondo blanco??
    Y 2ª ( de momento, jejejeje) ese código que dices insertar en el primer código (.post img.) dónde debe añadirse exactamente??
    Te agradezco tu paciencia porque voy haciendo cositas en el blog pero me siento muy novatilla ....
    Graaaaaaaaacias !!!

    Marga

    ResponderEliminar
  95. Hola Marga,

    Bienvenida a Ciudad Blogger.
    Para que no salga el fondo del blog, prueba pegando antes del </style> de ese código esto:
    body {background:#FFFFFF;} .post {background:#FFFFFF;}

    El otro código (.post img) debe añadirse justo antes del #header-wrapper, que aparece dentro del código que se menciona en esta entrada.

    Saludos.

    ResponderEliminar
  96. Gracias !!!!
    Lo pruebo y ya te digo como ha salido.
    Un abrazo,
    Marga

    ResponderEliminar
  97. Hola!!!!

    Perfecto, la página sin el color de fondo y sin imágenes !!!!

    Pero ya para "rizar el rizo", no me salen los comentarios pero si el "Publicar un comentario en la entrada" y el cuadrito del formulario, y el texto que sale debajo del cuadradito .... de Vista previa y "suscripción por correo electrónico"
    Todo esto se puede eliminar????

    Gracias de nuevo por tu paciencia !!!

    Marga

    ResponderEliminar
  98. La opción de 'suscripción...' se supone que debería desaparecer, desconozco si haya algún otro elemento que se deba agregar.

    Para eliminar lo demás prueba poniento también antes de #header-wrapper, esto:

    .comment-form h3, .comment-form, #comment-editor,

    Saludos.

    ResponderEliminar
  99. Perfecto !!!!

    Muchísimas gracias de nuevo !!!

    Un saludo,
    Marga

    ResponderEliminar
  100. No me sale, no me sale, no me sale, no hay caso... :(
    Mirá quize poner otro dibu que me gusto más, el típico de la impresora...
    Será porque lo cambie que no me sale?
    ME AYUDAS¿?! GRACIAS! Y si queres pasate por mi blog.
    GRACIAS DE NUEVO!

    ResponderEliminar
  101. Pues tendrías que probar primero con el código original para ver si funciona, ya después ver la posibilidad de cambiar el icono.

    ResponderEliminar
  102. Bueno, muchas gracias, lo intento. Saludos!!

    ResponderEliminar
  103. ¡Hola El Potro!
    ¡He conseguido imprimir sólo el Post!, gracias a todas tus indicaciones. Pero, lo que no logro es agrandar la letra al imprimir. Intenté agrandar el tamaño-letra del Post, pero al verlo en la pantalla quedaba muy feo... Y si alguien quiere leer lo que ha impreso, necesitará una lupa.
    Otra cosa, siempre imprime la 1er. página o hay alguna manera para que imprima otra si el post fuese muy largo?
    Gracias, por todo lo que enseñas.
    Saludos.
    Ana

    ResponderEliminar
  104. Hola Ana,

    Podrías probar con lo siguiente aunque nunca lo he intentado pero muy probablemente pueda funcionar.
    Agrega antes del </style> que está en este código, lo siguiente:
    #main-wrapper {font-size:16px !important;}

    Respecto al número de páginas que imprime eso se controla directamente en la ventana que aparece cuando se va a imprimir el documento.

    Saludos.

    ResponderEliminar
  105. ¡Gracias por reponderme!
    No se si lo hice mal, pero sigue saliendo la letra pequeña.
    Me quedó así:
    .....noprint {display: none;}#main-wrapper {width:95%; overflow: visible !important; font-size:16px !important;}"/style"
    "/head"
    Tal vez, lo tenía que poner en otro lado???
    Saludos
    Ana

    ResponderEliminar
  106. No, de hecho está bien puesto. Probemos entonces añadiendo antes de </style> esto:

    .post-body {font-size:16px !important;}

    Si crees que con 16px quizá no notes el cambio prueba con un valor más alto, como 18px
    Saludos.

    ResponderEliminar
  107. ¡Bien! Lo logramos, mejor dicho, lo has logrado. Le puse 18px y se lee perfecto.
    ¡Muchas Gracias!
    Ya que estoy, te pregunto algo más. Al final, me imprime este texto:"Imprimir esta Receta" (el link sin la imgágen).
    Pero bueno, esto es lo de menos. Si no puedo quitarlo, se quedará así.
    Mil gracias, no hay como saber.
    Saludos.
    Ana

    ResponderEliminar
  108. Pues también podría ocultarse, en el código del link para imprimir agrega lo que está en negrita:

    <a id='print-link' href='javascript:window.print()'>

    Luego en el primer código, después de
    <style media='print' type='text/css'> agrega esto:
    #print-link,

    Saludos.

    ResponderEliminar
  109. ¡Eres Genial! Quedó perfecto. Muchas gracias por compartir todos tus conocimentos con nosotros.
    Saludos.
    Ana

    ResponderEliminar
  110. Voy a abusar de tu tiempo, como el post tiene letra clara. Los números de la "Lista Numerada" se imprimen claritos y el resto del texto de la "Preparación de la Receta" lo hace en color negro.
    Seguro, que tiene un arreglo... O tal vez no.
    Saludos.
    Ana

    ResponderEliminar
  111. Lo veo más difícil, lo único que se me ocurre es que en esta misma parte que agregaste antes añadas lo que está en negrita:
    .post-body {font-size:16px !important; color:#000000 !important;}

    Saludos.

    ResponderEliminar
  112. ¡Perfecto!
    Bueno, ahora si. No te molesto más. Creo, que tengo todo relativamente bien. Me dedicaré a lo mío, que de esto entiendo un poquito más. Tampoco tanto...
    ¡Gracias!
    Saludos.
    Ana

    ResponderEliminar
  113. gracias amigo me funciono de maravilla

    ResponderEliminar
  114. me costo porque no soy muy experto en la materia pero si logre resolver gracias

    ResponderEliminar
  115. Qué bueno que te ha salido todo bien. Saludos!

    ResponderEliminar
  116. Hola... puedes ayudarme... no consigo colocar bien tus instrucciones... imprimo algo más que el post, je ,je...
    Estoy haciendo malavarismos... puedes mirarlo

    http://caridad65.blogspot.com

    Gracias...

    ResponderEliminar
  117. Hola MariCari♥♥♥♥♥,

    Prueba agregando antes de #header-wrapper, esto:
    #header-wrap,

    Con eso no saldrá nada del área de la cabecera.
    Saludos.

    ResponderEliminar
  118. Hola potro!, como va? tengo un problema con mi blog, debe ser seguro por que es con el diseñador de plantillas de blogger. no encuntro donde dice ni donde habla de la sidebar para agregar al codigo, existe otra forma de que yo pueda poner este codigo en mi blog?
    ya que me es necesario esta funcion. podrias ayudarme? muchisimas gracias.

    ResponderEliminar
  119. Hola RuuGoth Heil.,

    Probablemente sólo necesites agregar esto en el primer código:

    .fauxcolumn-right-outer, .fauxcolumn-left-outer, .header-outer, .footer-outer

    ResponderEliminar
  120. huu no me funciono potro :S
    este es el blog para el cual diseño

    http://winterstorm-argentina.blogspot.com/

    agrege eso que me distes al primer codigo antes del cierre de etiqueta </style.
    tampoco encuentro la parte donde habla de data:post.body
    y la sidebar no me aparece asi como explicas. :S
    gracias y disculpa las molestias.

    ResponderEliminar
  121. Esos códigos que te puse agrégalos antes de #header-wrapper,

    Para localizar la línea que se menciona necesitas marcar la casilla Expandir plantillas de artilugios.

    Saludos!

    ResponderEliminar
  122. Hola Potro.

    He puesto el código y al menos éste ha funcionado perfecto, como en la anterior plantilla. Solo una cosa, la opción imprimir aparece hasta que se pulsa la opción de ir a comentar ¿es posible poner esa opción sin tener que ir a comentarios para que aparezca al final del post ?

    Gracias :)

    ResponderEliminar
  123. Hola potro!
    muchisimas gracias me ha funcionado exelente, gracias por tu paciencia y dedicacion, ahora mis lectores van a poder imprimir cualquier entrada que les sirva de informacion!

    saludos!

    ResponderEliminar
  124. Hola Mayte✿,

    Claro que sí, sólo elmina estas partes del código:

    <b:if cond='data:blog.pageType ==
    &quot;item&quot;'>
    ....
    ....
    ....
    </b:if>

    Eliminada esa primera y última línea del código podrá verse también en la portada del blog.
    ¡Saludos!

    ResponderEliminar
  125. RuuGoth Heil.-, qué gusto que te haya funcionado :)

    ResponderEliminar
  126. Gracias Potro!!

    Eres un sol. Lo probaré en cuánto tenga un ratito.

    Que tengas un estupendo inicio de semana!!

    :D

    ResponderEliminar
  127. Qué bien! Muchas gracias por este truco! Queda estupendo y es mucho mejor que el otro que te imprime todo!

    ResponderEliminar
  128. Por supuesto, además el lector agradecerá no gastar tanta tinta de su impresora ;)

    ResponderEliminar
  129. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  130. Hola
    Gracias por el código.
    Tengo un problema y es que intento imprimir, pero me aparece todavía una línea arriba y otra al lado derecho de lo que intento imprimir.

    Incluí la línea #newsidebar-wrapper pero igual me aparece. Te envío mi dirección por si quieres ver qué pasa. http://cuestionp.blogspot.com



    Agradezco su colaboración.

    ResponderEliminar
  131. Hola arleison,

    Prueba agregando dentro del código antes de </style> esto:

    .fauxcolumn-right-outer .fauxcolumn-inner, .main-outer {border: none !important}

    ResponderEliminar
  132. Hola Potro,
    He puesto el link de imprimir, pero me sale justo pegado a la última linea de la entrada. Me gustaría que apareciera en la banda de opciones (editar, enviar por correo, etiquetas, etc...)...o por lo menos con un salto de linea.
    Puedes verlo en http://lacuinadesempre.blogspot.com.
    Gracias de antemano.

    ResponderEliminar
  133. Hola Albert,

    Puedes localizar el código de uno de esos elementos del post footer y colocar el de esta opción junto a la que desees.

    Saludos.

    ResponderEliminar
  134. OK gracias, por otro lado, como tengo unos artículos escritos en el pie de página...al imprimir un post me imprime también el pie de página. Como puedo omitirlo?
    Gracias y saldos.

    ResponderEliminar
  135. De hecho el código ya tiene la indicación para que el post-footer se omita en la impresión y de hecho entré a tu última entrada usé la opción de imprimir y no me imprimió el post-footer, a menos que te refieras a algún otra área.
    Saludos.

    ResponderEliminar
  136. Eres la caña, cada vez que tengo una duda acudo a tí, y se acabo el problema.
    Acabo de poner el pinganillo de imprimir y....¡¡¡¡ ME FUNCIONA !!!!
    He cambiado imprimir articulo por imprimir receta, me he tomado la chulería de hacerlo y también, muuuuchas gracias.

    ResponderEliminar
  137. Qué gusto que todo haya salido como esperabas. Muchas gracias por tu visita y amable comentario.
    ¡Saludos!

    ResponderEliminar
  138. La idea me parece bastante buena. Lo único malo es que puede que se impriman otras cosas que tengamos en el blog (imágenes y otros gadgets) pero me parece bien la idea. :D

    ResponderEliminar
  139. Pues de hecho no, como se menciona en la entrada puedes filtrar todos los gadgets adicionales que tengas para que éstos no aparezcan.

    ResponderEliminar
  140. Ya arreglé el problemita. Era solo un detalle que no leí. Disculpa. Ahora me gustaría saber si se puede aumentar el tamaño de la fuente (de la entrada) al imprimirla. Si no se puede, pues no importa y si se puede te lo agradecería mucho. Desde ya, gracias por tu ayuda.

    ResponderEliminar
  141. La verdad nunca lo he intentado, pero puedes probar añadiendo en el código, antes de #header-wrapper, esto:
    body {font-size:14px;}

    ResponderEliminar
  142. Hola Potro, me ha pasado una cosa rara, antes me funcionaba perfectamente y ahora no. Cuando le doy a imprimir, sale el print preview en blanco y por tanto, la hoja impresa blanca...he intentado poner de nuevo el código pero no funciona, alguna idea de qué puede ser?? Mil gracias por adelantado

    ResponderEliminar
  143. Hola Eneri,

    ¿Hiciste algún cambio en la plantilla antes de que eso sucediera?
    ¿Ya has probado hacerlo desde otra impresora? Si ya has probado desde otra impresora dime en cuál blog lo has puesto para que pueda echarle un vistazo y hacer una prueba.

    Saludos.

    ResponderEliminar
  144. Hola Potro, la verdad es que no sé cuando dejó de funcionar asi que es posible que cambiase algo en la plantilla, pero sigue estando el código justo antes de head. Si, he probado en varias impresoras y ordenadores. El blog es www.nubedesabores.com Muchas gracias por tu dedicación!!! un besin

    ResponderEliminar
  145. Hola Eneri,

    Acabo de probarlo en la impresora de la casa y mi novia lo hizo desde su oficina, a ambos nos ha impreso perfectamente bien la entrada. Igual revisé el código y todo parece estar en orden, no sé porqué te pueda aparecer en blanco a ti :/

    Besos!

    ResponderEliminar
  146. Muchas gracias por tu disposición!! Eres más majete!!! pero no sé qué le pasa, que a mi no me va y hay otras personas que me escriben y me dicen que tampoco, qué raro verdad? me sale "javascrip:window.print()", la fecha y nada más! :-( besos!!

    ResponderEliminar
  147. Mil gracias ¡¡¡
    Me he sentido un poco informática metiéndome en ese mundo extraño... pero ha funcionado¡¡¡¡
    Gracias de nuevo.

    ResponderEliminar
  148. hola buenas consigo hacer que imprima, pero el post en cuestion es una foto, bueno un dibujo, se podría hacer para que directamente lo imprima en todo el A4, ya que me lo impreme en pequeño

    ResponderEliminar
  149. Hola oscarmm,

    El script lo único que hace (y que hacen todos) es llamar la función de la impresora, pero el formato, color y número de impresiones ya depende del usuario. Cuando se dé click para imprimir te debería aparecer una ventanita con esas opciones, ahí es donde debes escoger la forma que quieres que se imprima la página.

    ResponderEliminar
  150. Potro intento colocar esta otra opción y no me muestra nada, he revisado en todos los comentarios y no encuentro la solución, me podrias echar una mano como de costumbre. http://www.emocioneshumanas.info

    ResponderEliminar
  151. Hola Alexis,

    No veo en ese blog que tengas puesto el código para imprimir las entradas :/

    ResponderEliminar
  152. Pues si lo he pegado, ahora lo veo según tus indicaciones lo he hecho he revisado nuevamente y ahi estan los cods. Donde dices colocar la linea despues del data post.body encuentro dos lineas iguales (osea 2 post body)debajo de cual de ella lo coloco.
    En una de ellas despues esta está linea div style = ' clear:both ahi lo he dejado colocado, pero nada de nada. Disculpa mi torpeza esta vez pero ahi toy q pruebo y nada. Lo mismo me sucede con la publicidad en medio de las entradas.

    ResponderEliminar
  153. Lo mismo que te decía en el comentario anterior, quizá aparezcan dos veces el mismo código, sino te funciona en uno prueba en el otro.

    Saludos.

    ResponderEliminar
  154. Potro, ya logre visualizar la opción al final del post, pero cuando le doy click no me muestra nada, en donde debe estar fallando.

    ResponderEliminar
  155. Yo lo veo funcionando bien, le doy click al botón de imprimir y me abre la ventana para imprimir el documento. ¿Ya probaste desde otro navegador?

    ResponderEliminar
  156. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  157. Hola! =D
    Sí que no tardé en necesitar tu ayuda, Potro U.u
    Es que cuando uno entra a una entrada de un blog, en la pestaña de la página salen dos cosas: el favicon y el título del post.
    He visto que en otros blogs, sigue apareciendo el título del blog aunque entres a una entrada (redundante xD)
    ¿Sabes cómo puedo hacer eso?
    Gracias!! ^^
    Rizel

    ResponderEliminar
  158. jaja, yo también lo sabía, bueno, lo presentía :P
    Eso se hace optimizando los títulos de las entradas y del blog, aquí puedes ver cómo:
    http://ciudadblogger.com/2009/05/optimizar-los-titulos.html

    ResponderEliminar
  159. Hola Potro de nuevo,

    ¿¿se puede poner un botón dentro de un post (o fuera) para que pinchando en él se haga una "impresión de pantalla" en el portapapeles???? y más específico, ¿seleccionar qué área copiar al portapapeles como una imagen???

    Mi objetivo es que los alumnos hagan un ejercicio interactivo en el blog (vía iframe o con lo de arrastrar imágenes), y cuando terminen puedan "sacar una foto" al trabajo realizado para mandármelo.

    Mil gracias....

    ResponderEliminar
  160. No que yo sepa Gorka, nunca he visto en la red algo parecido, de hecho no hay acceso desde algún script al botón de imprimir pantalla, eso debe ser siempre por una ejecución del usuario.

    Saludos.

    ResponderEliminar
  161. potro, no me funciona puse todo pero no me aparece nada ¿que puede ser?

    saludos

    ResponderEliminar
    Respuestas
    1. Es posible que el último código que había que buscar lo tengas repetido. Si así fuera ponlo también en el código donde no lo pusiste.
      Saludos.

      Eliminar
    2. Tengo una duda sobre el id, yo tengo adsense y linkwhithin. me pone que la id son numeros esta bien?

      Eliminar
    3. Si el ID empieza así:
      id="

      Entonces sí, ese es, al menos es uno de los tantos IDs que puede tener un elemento.

      Eliminar
    4. no veo la opción para imprimir :(

      Eliminar
    5. ¿Probaste ponerlo en otro lugar como te mencioné antes?

      Eliminar
    6. el comentario #170.1? si lo puse las dos veces

      Eliminar
    7. Puede ser porque no tiene ningún texto el código. Pon cualquier cosa, por ejemplo "Imprimir", y mira si así aparece.

      Eliminar
    8. Aparece con la imagen todo, pero no puedo hacer click.Para mí que me equivoque en la id. Pero nose

      Eliminar
    9. Pues ya no pude verlo, dice que el blog ha sido eliminado.

      Eliminar
    10. Me olvidé de cambiar ese link en mi perfil, lo cambié porque se me complicaba tantas 'o'
      En fin el url de mi blog es http://noticiassobregoogle.blogspot.com/
      Saludos!

      Eliminar
    11. La palabra "Imprimir" debe estar dentro del enlace, es decir, antes de </a>
      Saludos.

      Eliminar
    12. Gracias ahora funciona perfectamente pero la palabra imprimir esta superpuesta con la imagen ¿que debo hacer para que este menos encimada?

      Eliminar
    13. En el código de la imagen verás que dice padding-left:30px;
      Cambia ese 30px por un valor más alto, por ejemplo 45px

      Eliminar
    14. gracias. Le cambié el texto por una imagen. pasate por mi blog y fijate :) Sos el mejor! http://noticiassobregoogle.blogspot.com anda a cualquier entrada

      Eliminar
  162. Hola, en mi caso la sidebar quedo oculta, pero el espacio que ocupaba físicamente ha quedado ahí y la entrada aparece cortada. He probado de todo pero no hay manera...que tengo que modificar, para aparezca la entrada correctamente.

    Para verlo: http://gestionycontrolempresarial.blogspot.com/

    Gracias. Saludos

    ResponderEliminar
    Respuestas
    1. Los espacios van a quedar. La idea de imprimir sólo la entrada es evitar que el lector gaste tinta de más, y que imprima información que no le es relevante ver impresa.
      Por cierto que TEXT1 debe ser #Text1
      Cuando se trata de IDs hay que ponerlos con sus mayúsculas y minúsculas, sino lo detecta como algo diferente.

      Saludos.

      Eliminar
    2. Otra más, es que los IDs deben llevar antes el signo de gato. Es decir, cambiar esto:
      HTML1, HTML8

      Por esto:
      #HTML1, #HTML8

      Eliminar
  163. Gracias, ya eso está cambiando, a veces se nos escapa lo más tonto.

    Aún así la entrada sigue cortada y solo se visualiza una parte de ella. Mi sidebar está a la izquierda, me da que tiene que ver con esta parte del código:width:95%;overflow: visible !important; Ya que lo que queda fuera lo corta, salvo que ponga el papel en vez de vertical en horizontal, entonces ya no la corta y aparece entera. Por tanto, el problema es cuando el papel esté en vertical no la corte y aparezca entera.

    Saludos.

    ResponderEliminar
  164. Bueno ya lo he arreglado. He cambiado el 95% por 90% y he establecido un condicional para que en las entradas individuales se muestre sólo estas y no la sidebar. Desde el punto de vista estético me gusta más ya que al mostrar la entrada ocupa todo el ancho del Blog sin la sidebar y así también al imprimir desaparece el problema que tenía con el espacio de la sidebar y el corte de las entradas.

    Saludos.

    ResponderEliminar
    Respuestas
    1. No sólo es una solución práctica, sino que la velocidad de carga de tu blog te lo agradecerá :)
      Bien hecho Juan Jose :)

      Eliminar
  165. Gracias...por cierto, una última cosa...desde hace unos días el Gadget Visitas ha dejado de funcionar. Lo elimino y lo vuelvo instalar, y a los pocos segundo desaparece. Os ha pasado a vosotros??

    Un saludo.

    ResponderEliminar
    Respuestas
    1. Pues yo nunca lo he usado Juan Jose, pero sí he sabido que en ocasiones anteriores ha fallado, no sé si ahora mismo le esté sucediendo lo mismo a alguien más, pero podría decirse que es un tanto "normal" que esos gadgets tengan problemas.
      ¿Ya has probado ver el blog en otro navegador? Porque a veces también es la caché del blog que no permite mostrar bien los elementos.

      Saludos.

      Eliminar
    2. Lo he probado en Firefox y Chrome y en ambos pasa lo mismo. Es más, cuando se añade el Gadget en vista previa se visualiza pero al guardar y abrir el Blog en el navegador deja de visualizarse. No obstante, como tampoco aporta nada lo voy a eliminar. Gracias por tu respuesta, supongo que serán cosas de Blogger!!!! Saludos

      Eliminar
    3. Supongo entonces que sí deden ser cosas de Blogger, pero como bien dices, no es un gadget que aporte algo verdaderamente relevante, así que si se puede prescindir de él pues mejor :)

      Eliminar
  166. Hola Potro, tengo otra nueva duda...si me puedes ayudar porfi...
    He puesto un botón para imprimir poniendo tu primer código en head y después el código del botón debajo de post body, pero se me borra la frase del nº de comentarios, no sé si hay alguna forma fácil de evitar esto...Todos los códigos que he encontrado para poner la opción de imprimir me hacen esto y no sé cómo arreglarlo!! Muchas gracias!!

    ResponderEliminar
    Respuestas
    1. Hola Eneri, es extraño eso, prueba poner el código del botón abajo de <div class='post-meta'> a ver qué sucede.

      Eliminar
  167. Holaaa amigo potro, como veras estoy de nuevo por tu blog, me encanta por lo facil de tus explicaciones y por tu ayuda tan personalizada, veras, he agregado la opcion de imprimir (tenia otra puesta pero no me gustaba mucho jja), antes de consultaste me leo los comentarios por si encontrara las soluciones antes de molestarte y en un problemilla la he encontrado, pero ahora no tengo mas remedio que molestarte de nuevo, si ves debajo de la entrada tengo varios gadget y con esto de las ID bo me aclaro nada, no se sacarle las ID y entonces me imprime toda la pagina incluyendo todo lo que tengo..¿serias tan amable de ayudarme y orientarme como puedo hacerlo?
    Gracias

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario teofermi. Mira el inicio de esta entrada, ahí se explica cómo obtener el ID de los gadgets:
      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Eliminar

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.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger