01 marzo 2012

Imprimir un artículo mediante un botón


Este botón permitirá imprimir a tus lectores cualquier artículo del blog con tan solo pulsarlo, siendo una gran ventaja  tener el  papel  a mano en cualquier momento e imprimiendo solo el artículo tal cual.
Para instalarlo en vuestros blog deberéis seguir estos pasos:

Diseño>Edición de HTML>expandimos artilugios




Busca la etiqueta </head> y justo encima añade este bloque:
<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, #navbar-iframe, #backlinks-container, #blog-pager,#navbar-section, .navbar,
.subscribe_notice, .noprint {display: none;}#main-wrapper {width:
95%; overflow: visible !important;}</style>

Seguidamente, localiza <data:post.body> e inserta esto justo debajo:
<b:if cond='data:blog.pageType ==
"item"'>
<a href="javascript:print()"><img src="http://1.bp.blogspot.com/-lmYHcZsu8lI/T0_Fz4XAM8I/AAAAAAAAD18/dG3uKVxlvmU/s1600/Sin%2Bt%25C3%25ADtulo-1.gif"/></a><a href="http://www.amorsevillista.com/" target="_blank"></a>
</b:if>

Guarda la plantilla y observarás que al final de cada entrada aparece la nueva opción.
Es muy probable que en algunas plantillas al tener gadget instalados encima de entradas de blog, como por ejemplo un Slider, les salga al imprimir.
Para evitarlo buscar los gadget que se encuentran encima de entradas de Blog, sería un código parecido a este:
<b:widget id='HTML10' locked='false' title='' type='HTML'>
donde la id= ........  del gadget en este caso HTML10, deberíamos añadirlo al primer código de esta forma:
#HTML10, detrás de .navbar,

Si se da el caso y tienes problemas, deja un comentario y te ayudaré.

Podéis ver el botón bajo esta entrada.


Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

2 comentarios

Buenas noches, en primer lugar tu pagina, un 10! me parece co..nuda!!

Verás estoy tratando de añadir el segundo código pero no encuentro dentro de la edicion html este " " para poder añadir debajo el que detallas, puedes echarme una mano?

Alejandro, el segundo código cambia en tu plantilla porque es del diseñador de blogger, debes buscar en lugar de <data:post.body> este otro código <div class='post-body'>.
Saludos.


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"