Botón para imprimir un artículo específico
Permitir que los lectores de tu blog puedan imprimir un artículo con pulsar un simple botón es una gran ventaja que ahora podemos incluir en blogger...
Busca la etiqueta </head> en tu plantilla y justo encima añade este bloque:
Con esto estamos evitando que determinadas secciones del blog permanezcan ocultas al imprimir una entrada, de manera que tan solo el contenido y el título de ésta aparezca.
Seguidamente, localiza <data:post.body/> e inserta esto justo debajo:
Guarda la plantilla y comprueba el resultado. Para ver el botón, accede a un post en concreto y observarás que al final de éste aparece la nueva opción.
Diseño>Edición de HTML>expandimos artilugios
Busca la etiqueta </head> en tu plantilla 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>
Con esto estamos evitando que determinadas secciones del blog permanezcan ocultas al imprimir una entrada, de manera que tan solo el contenido y el título de ésta aparezca.
Seguidamente, localiza <data:post.body/> e inserta esto justo debajo:
<b:if cond='data:blog.pageType ==
"item"'>
<a href="javascript:print()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHlYgM-ob6ytc9rd-B1Dkrc1skiE6eTQAo8tlgGziZOKEYwR2v4VxbIHbC4Vfr5UkVyugcQTnZ2e4DNiNn2X47DxhjhuRYVDCSeTJjn86ebh1oIn2m_dSmqf-O6LoFjvuYKagUzCvr7eE/s400/blimprimir.png"/></a>
</b:if>
Guarda la plantilla y comprueba el resultado. Para ver el botón, accede a un post en concreto y observarás que al final de éste aparece la nueva opción.
0 comentarios:
Publicar un comentario
¡Gracias por comentar!