Hace tiempo que buscaba una solución a este tema, pero todo lo que encontraba imprimia todo el blog, lo que resultaba muy engorroso, por lo que había dado por imposible el hacerlo.
Pero hace unos dias me pidieron ayuda en este tema y me propuse encontrar la solución.
Empecé por preguntarle a JMiur, de Vagabundia, quien me envió unos cuantos enlaces a entradas que trataban de este tema.
Les eché una mirada a todas y me gustó la solución que proponía Amanda de Blogger Buster en su entrada: How to Print your Blogger Posts Effectively (Como imprimir tus entradas de Blogger, de manera efectiva).
Hoy lo he probado en este blog y funciona.
He tenido que modificar un poco el código que ella nos da, ya que se me imprimian también los elementos que tengo bajo las entradas, los comentarios, el pie del post y la navbar, pero una vez solucionado esto, la última prueba que he hecho ha sido totalmente efectiva y se ha impreso solo la entrada que he elegido.
Para poder ofrecer esta posibilidad a tus lectores has de añadir un par de códigos a tu plantilla.
En primer lugar, en Diseño/Edición de HTML, has de localizar esto:
Pero hace unos dias me pidieron ayuda en este tema y me propuse encontrar la solución.
Empecé por preguntarle a JMiur, de Vagabundia, quien me envió unos cuantos enlaces a entradas que trataban de este tema.
Les eché una mirada a todas y me gustó la solución que proponía Amanda de Blogger Buster en su entrada: How to Print your Blogger Posts Effectively (Como imprimir tus entradas de Blogger, de manera efectiva).
Hoy lo he probado en este blog y funciona.
He tenido que modificar un poco el código que ella nos da, ya que se me imprimian también los elementos que tengo bajo las entradas, los comentarios, el pie del post y la navbar, pero una vez solucionado esto, la última prueba que he hecho ha sido totalmente efectiva y se ha impreso solo la entrada que he elegido.
Para poder ofrecer esta posibilidad a tus lectores has de añadir un par de códigos a tu plantilla.
En primer lugar, en Diseño/Edición de HTML, has de localizar esto:
</head> y pegar justo encima este código:<style media='print' type='text/css'>#header-wrapper,
#header, .header, #sidebar-wrapper, .sidebar, .post-footer, #footer-wrapper,
#footer, .date-header, .post-meta-data, #comments, .comment-link,
.comment-footer, #blog-pager, #backlinks-container, #navbar-section, .navbar,
.subscribe_notice, .noprint {display: none;}#main-wrapper {width:
95%; overflow: visible !important;}</style>
Déjame que te cuente qué hace este código:
En primer lugar, toda esta lista de cosas que se ven al principio son las que le estamos diciendo que no imprima. La cabecera, la sidebar, el footer, etc. ¡en fin! que imprima SOLO la entrada.
Pero si tienes dos sidebars has de añadir #newsidebar-wrapper, a la lista.
Así mismo, si tienes el crosscol activado, (en todas mis plantillas lo está) has de añadir #crosscol-wrapper, y si tienes algún elemento añadido a la zona de las entradas, como por ejemplo un HTML/Javascript, o una Lista de vínculos, o cualquier otra cosa, has de mirar como se llama y añadirlo también.
Para saber como se llama un elemento:
Mira en la zona del HTML, en
En mi caso, bajo las entradas individuales se ven dos elementos Lista de Vínculos.
He mirado su id, (uno se llamaba LinkList4 y el otro LinkList6) y he añadido a esta lista de cosas no imprimibles #LinkList4, y #LinkList6,
Fíjate que has de separar cada cosa que añadas con una coma, de lo contrario el código no funcionará.
Una vez que has añadido este código, puedes hacer vista previa ya que, aunque no verás cambios en el blog, comprobarás si el blog carga bien y no te da errores.
Si todo va bien, Guarda plantilla y expande artilugios, si no lo estaban.
Localiza esta línea del código:
<div id='main-wrapper'> si tienes añadido algún b:widget aparte del que se llama Blog1. Si es así, en id= verás su denominación. Para encontrarlo rápido lo mejor es que los artilugios no estén expandidos.En mi caso, bajo las entradas individuales se ven dos elementos Lista de Vínculos.
He mirado su id, (uno se llamaba LinkList4 y el otro LinkList6) y he añadido a esta lista de cosas no imprimibles #LinkList4, y #LinkList6,
Fíjate que has de separar cada cosa que añadas con una coma, de lo contrario el código no funcionará.
Una vez que has añadido este código, puedes hacer vista previa ya que, aunque no verás cambios en el blog, comprobarás si el blog carga bien y no te da errores.
Si todo va bien, Guarda plantilla y expande artilugios, si no lo estaban.
Localiza esta línea del código:
<p><data:post.body/></p> y justo debajo añade uno de estos códigos:Para que se vea solo un enlace:
<b:if cond='data:blog.pageType ==
"item"'>
<a
href='javascript:window.print()'>Imprime esta entrada</a>
</b:if>
Para mostrar un botón de enlace
<b:if cond='data:blog.pageType ==
"item"'>
<form>
<input type="button" value="Imprime esta
entrada"
onClick="window.print()" />
</form>
</b:if>
Para que se vea el texto más una impresora
<b:if cond='data:blog.pageType ==
"item"'>
<span style='background:
url(http://eubabo.googlepages.com/print.gif) left no-repeat; padding-left:
30px;'><a href='javascript:window.print()'>Imprime esta
entrada</a></span>
</b:if>
Una vez añadido alguno de estos códigos, haz vista previa. Tampoco verás nada diferente, ya que este truco solo funciona cuando pinchas en una entrada individual; no se verá en el blog "normal".
Un par de cosas más: Si tienes añadido algo parecido a lo que tengo yo para expandir las entradas cuando has pinchado en ver entradas anteriores, (eso del [+ -] ) tampoco se ve si solo se expande la entrada. Para que funcione, y se vea el link de Imprime esta entrada, has de pinchar en el título de la entrada a fin de que ésta se abra en una ventana diferente, ya sea la misma o una nueva, pero en una página independiente de otras entradas.
Si quieres poner otra frase, cámbiala en el código que pegues.
Si haces la prueba, verás que la impresora no va tan rápida como es habitual. Imagino que eso es por que tiene que separar lo imprimible de lo que no lo será.
Y por último un consejo: Ya que no se ve en vista "normal" del blog, deberías poner un aviso para que tus lectores sepan que pinchando en el título de la entrada podrán imprimírsela.
P.S. Mirando los comentarios de la entrada a la que hago referencia, he visto uno en el que C.August ha añadido un detalle al código para que funcione también en Firefox. Lo he añadido al código que he instalado, he hecho la prueba y efectivamente solo ha impreso la entrada que he elegido para hacer la prueba. También lo he añadido a esta entrada, para que si lo copias ya esté incluido.
