Imprimir la entrada

Hoy vamos a hablar de como podemos poner de una forma muy sencilla que nuestros lectores puedan imprimir la entrada de nuestro post, sin que salga ni la cabecera, ni el sidebar, ni nada sola la entrada.

Como siempre digo antes de modificar nuestra plantilla teneos que hacer una copia de seguridad por si acaso.
Lo puedes ver paso a paso en este Post

Para ello nos tenemos que irnos a:

Plantilla - Edición HTML- y buscamos con control F </head>
justo antes pegamos este 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>

Nota:

Si tuviera algún gadget arriba o abajo del post debes de buscar su ID y agrégalo, y también debemos de añadirlo a a todos los elementos de la sidebar de la misma forma buscando su ID. por ejemplo:#HTML3

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 == "item"'>
<span style='background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRNC-tENICrRF7igFDc9dT-CpO1cK6AYeZE-ChjQIvx3_MwRllhznOZ-ZABQEbbv7rUNZfaPWwAzbl4r-8WLUhy15nsyiwVhrbNywYcozcLmNeI3XrP8BTJ2NYlLe5uHvMSgzHZ10wVRU/s16/impresora.png) left no-repeat; padding-left: 30px;'><a href='javascript:window.print()'>Imprimir artículo</a></span>
</b:if>

Ahora debajo de todas las entradas nos saldrá es icono.

Si deseamos cambiar el icono de la impresora solo debemos de cambiar la imagen escrita en azul por la Url que queramos

Imprimir artículo

Vínculo

Indice HTML Plantillas