Imprimir entradas de Blogger

Habilitar la opción para imprimir entradas, es un buen recurso para nuestro blog. Lo único que debemos hacer es agregar dos códigos en nuestra plantilla. Vamos a Editar HTML: Diseño ► Plantilla ► Editar HTML ► Click dentro del editor ► Ctrl+f ► ...y localizamos una de las siguientes líneas de código, dependiendo del sitio en donde queramos poner la opción imprimir: 1.- <div class='post-body entry-content'> ...o: <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'> Si queremos la opción Imprimir en la parte superior derecha, debajo del título de la entrada. 2.- <h3 class='post-title entry-title'> ...o: <h3 class='post-title entry-title' itemprop='name'> Si queremos la opción Imprimir en la parte superior derecha, alineada con el título de la entrada. 3.- <data:post.body/> Si queremos la opción Imprimir en la parte inferior derecha, debajo de la entrada. Escogido el sitio en donde vamos a poner la opción Imprimir, copiamos el siguiente código: <b:if cond='data:blog.pageType == "item"'><div style='float:right;'><a href='javascript:print()'><img alt='imprimir entrada' src='http://i48.tinypic.com/2ccs2fs.jpg' title='Imprimir entrada'/></a></div></b:if> ...y lo pegamos debajo de la línea de código correspondiente. La parte resaltada es la URL de la imagen que va a servir de botón, que puede ser cambiada. Hecho lo anterior localizamos la etiqueta </head>, e inmediatamente antes de la misma pegamos el siguiente código: <style media='print' type='text/css'>#header-wrapper, #header, .header, #sidebar-wrapper, .feed-links, .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> El anterior código contiene todo lo que debemos "esconder" para que las impresiones que se hagan sean únicamente de los textos de las entradas. Si el blog tiene dos sidebars debemos agregar en el código #newsidebar-wrapper, . Si hemos agregado, o hay gadgets arriba o abajo de las entradas, agregamos en el código la ID de cada uno. Las ID de los gadgets agregados las localizamos, sin expandir artilugios, debajo de esta línea: <div id='content-wrapper'> ...o de ésta: <div id='main-wrapper'> ...se identifican, por ejemplo, así: HTML5, y se agregan en el código, por ejemplo así: #HTML5, . Todos los elementos agregados en el código deben estar seguidos de una coma. Hacemos Vista previa para ver que todo esté correcto, pero no veremos en la misma ningún cambio ya que la opción Imprimir no se verá en la página principal o portada del blog, sino en cada entrada en particular, cuyo texto es lo que se va a imprimir. Por último Guardar plantilla ► Cerrar edición de HTML ► Ver blog. Accedemos a cualquier entrada y veremos el botón de enlace Imprimir: Twittear