Poner un botón en tus entradas para que puedan imprimirlas

Es una buena idea dar la opción a nuestros lectores de poder imprimir una entrada de nuestro blog. Y la forma de hacerlo puede parecer un poco complicada pero si seguís los pasos veréis que no lo es tanto.

En primer lugar tenemos que ir a Dieño-Editar HTML

Pulsamos y nos saldrá algo como esto:

Buscamos la etiqueta </head>  y antes del cierre

Ponemos este 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>

Y le damos a Guardar plantilla

Ahora sólo tenemos que añadir a cada entrada que queramos que se pueda imprimir y añadirle un código. Para eso, nos vamos a Entradas, Editar, HTML

Y al final del post le añadimos este código:

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

<a href="javascript:window.print()">

<img alt="Imprimir" border="0" height="30" src="http://icons.iconarchive.com/icons/artua/dragon-soft/32/Printer-icon.png" style="float: left; margin: 0 1em 1em 0;" title="Imprimir" width="30" />

Imprimir el artículo</a>

</b:if>

Ahora pinchamos en Actualizar y ya está. Comprobamos que toda ha quedado bien...

Si vais aquí Qué comemos hoy? Ensalada de pasta, veréis que al final del post aparece la opción de imprimirlo.