Imprimir en Blogger

Yo no suelo usar impresora, la tinta es demasiado cara y mi auto-control demasiado escaso así que, hace mucho que la regalé y ya no me preocupo del tema. Según me contó Ignasi, de El meu mon - My world, él tampoco suele utilizarlas pero, le sacó las telas de araña, la desempolvó y se dedicó a intentar armar algún tipo de código para Blogger que permitiera imprimir los posts con comodidad.

El resultado, puede verse en el artículo de su blog, que trataré de resumir aquí.

Todo se basa en lo que la Wikipedia define como wiki Printer friendly y es una adaptación de esos códigos a la estructura de Blogger.

Primero que nada, agregamos las siguientes propiedades de estilo a la plantilla. Lo más fácil es colocarlas justo antes de la etiqueta </head>:

<style media='print' type='text/css'>
#navbar-iframe {display: none; height: 0px; visibility: hidden;}
.noprint {display: none;}
body {background:#FFF; color:#000;}
a {text-decoration: underline; color:#00F;}
}
</style>

media es un atributo cuyo valor especifica el medio en que se utilizarán ciertas propiedades CSS (la pantalla, el papel, un sintentizador de voz, etc). Normalmente, utilizamos que no es necesario escribir ya que se trata del valor por defecto, en este caso, con media="screen"media="print" indicamos que ciertas propiedades sólo se aplicarán cuando utilicemos una impresora. Ver detalles en w3.org.

Básicamente, todo elemento donde coloquemos class="noprint" no será impreso. Cada uno deberá definir cuáles son los elementos que nos serán impresos pero, la lógica diría que, por ejemplo, deberíamos ocultar la sidebar, los comentarios o el header del blog, simplemente, porque lo que nos interesa es el contenido del post y no la página completa, tal y como la vemos en la pantalla.

Sea como sea, habrá que tomarse el trabajo de buscar en la plantilla los sectores que se ocultarán y, enmarcarlos entre estas dos etiquetas:

<span class="noprint">
[ el sector que ocultaremos ]
</span>

Por último, hay que darle al visitante algún tipo de enlace donde pueda hacer click. Puede ser un texto:

<a href="javascript:window.print()">Imprimir Página</a>

o una imagen:

<a href='javascript:window.print()'><img border='0' src='URL_imagen'/></a>

Ignasi recomienda mostrar el enlace en la sección de comentarios pero, tal como aclara, puede ser ubicado en cualquier otro lugar.

Muy buen trabajo para un tema sobre el que poco se habla.