nota automatica

martes, 28 de febrero de 2012

Opción de imprimir sólo la entrada

Anteriormente 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 y los comentarios. Así que ahora lo que haremos será poner la opción de imprimir sólo el post y excluir todo lo demás.

Primero ve a Diseño > Edición de HTML y marca la casilla Expandir artilugios y pega antes de </head> el siguiente código:
<style media='print' type='text/css'>#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>

Si tu plantilla tuviera dos sidebars agrega esto al código:
#newsidebar-wrapper

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

Todos los elementos que agregues debes separarlos 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(http://www.iconosgratis.us/coleccion-iconos-16x16/archivos/printer.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.
Imprimir artículo
Pueden ver el ejemplo funcionando haciendo click aquí.
Imprimir artículo

No hay comentarios:

Publicar un comentario

Mil Trucos Blogger