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...
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/AVvXsEi56daq-FTz7A5uwxU_ws6fz_Axn7sZCoU3X-U5xn6vnfti8jrB85oga_2mE4vu37yvwd1rmjwuT5GxXERAT6vQ4tGcfdARVQjAw_mD_Z4zt-arQ8pAKwVB6EHqu-vrC10zp5TQrlSo4UA/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.
Si utilizas una de las nuevas plantillas de blogger o una prediseñada, es muy probable que el truco para ocultar zonas del blog al imprimir no funcione. Si se da el caso, deja un comentario y te ayudaré.
¿Problemas al comentar? Utiliza 
Hola jaime!
Un truco muy útil, sobre todo para aplicarlo en algunos de mis artículos.
En cuanto tenga un rato me pondré a ello.
Un saludo a los que leen!
hola hamlet! me alegra mucho que te guste, la verdad es que sí que es útil :-) Saludos para tí también y los lectores :-)
Me gusta muchisimo el blog esta bien ordenado y esta muy interesante , Te felicito, es uno de los mejores q e visto ;)
Hola jaime graxias por tus comentarios sobre mi blog, recien lo comienzo y estoy aprendiendo.
Tu blog es excelente me gusto mucho y espero mejorar el mio usando los trucos que enseñas.
Un abrazo grande, no vemos.
El Doky.
Hola El Rincón Del Fotógrafo!! me alegra muchísimo que tew guste El Balcón :-) si necesitas cualquier cosa, aquí estaré para ayudarte ;-) Saludines!!
Hola El Doky!! que alegría que te gustara el Balcçon :-) desde que necesites cualquier cosa, aquí estoy para ayudarte :-) un gran saludo!!
Hola Jaime,intento ponerlo y cuando busco el paso 3
me sale texto no encontrado que puede ser?
Uys!! que torpe soy..
Bulma, no te preocupes ;-D eso suele ser debido al tipo de plantilla que tengas, no todas son iguales ;-D
Recuerda que puedes usar Ctrl y F para abrir el buscador ;-D
Intenta buscar estas otras líneas:
<data:post.body/>
o simplemente escribe:
post.body
Haber si aparece una línea similar :-D avísame si necesitas más ayuda :-D
Hola, cuando coloco esto en blog, se imprime sólo una entrada pero con el resto de contenidos del Blog (Barra lateral con etiquetas, mi lista de blogs, etc.) ¿Cómo podría hacer para que imprimiera sólo lo que es la entrada, sin la barra lateral? Muchas gracias, Pedro
Pedro, de esto mismo es de lo que hablo en este truco ;-) sigue los pasos y tendrás el botón de imprimir que imprime sólo la entrada ;-)
Si no consigues hacerlo, déjame tu blog y le doy un vistazo.
Hola! muy bien explicado gracias! pero no sé por qué no me funciona... Cuando guardo el primer código, me desconfigura la página principal, desparecen todos los elementos que le he indicado que no imprima... qué puede ocurrir? Gracias!
SandeeA, es extraño, no debería suceder.
La plantilla es diferente, no es como las de blogger (el código lo preparé para plantillas de blogger) por eso algunas definiciones son diferentes.
Si quieres puedes mandarme tu plantilla adjunta en un correo y le doy un vistazo, así te preparo el código para que puedas hacer el truco ;-)
Genial! muchísimas gracias,ahora te lo mando!
SandeeA, intentaré responderte con la mayor brevedad posible. :) ☺
Hola Jaime.He estado leyendo detenidamente esta entrada para poder poner un mensaje en las entradas de mi blog y permitir imprimirlas. Si visitas mi blog, pincha en mi nick, verás que el icono que tengo es una pequeña impresora. Verás ... quiero cambiarlo por una imagen que mide 160x60, y que en total ocupa 100KB. La cuelgo en tinypic para subirla, pego el enlace, y cuando visualizo la entrada, sólo veo una tercera parte de la fotografía.
Mi pregunta es si se puede cambiar el tamaño de la foto que quiero poner como icono en el código html. ¿Me explico? Porque lo que quiero es que naturalmente salga la imagen completa.
Espero tu respuesta. Un saludo.
Yolanda, es extraño que una imagen más pequeña que la del ejemplo se vea cortada. Puede tratarse del padding.
Si lo deseas, mándame la dirección de tu imagen para aplicarla al código y así poder ayudarte mejor. ☺
Jaime, te mando un correo, ¿vale?
Un saludo.
Yolanda, te responderé cuanto antes.
¡Saludines!
Hola Jaime !!!
Estoy perdiendo el entusiasmo en hacer algo para mí dificil....
El blog que hice gracias a tí y otros desinteresados bloggeros es:
www.esperanzaparaelautismo.blogspot.com
En vista del auge de las redes sociales estoy rompiendome la cabeza tratando de hacer lo que te muestro en esta captura...
http://lh4.ggpht.com/_CHvLybOpDRg/S65K0_ZClRI/AAAAAAAAATE/0MbSRVgKmMw/s400/botones%20en%20el%20footer.jpg
Sé que es mucho pedir, pero hay alguna manera que pueda hacer esto????
Mil gracias como siempre
Hola Gra! En esta entrada encontrarás algo muy similar a lo que andas buscando. La única diferencia que hay es el tamaño de los iconos (el cual puede personalizarse) ;).
Gracias !!!!!...Ya los puse !!!.Me queda ver como poner los iconos de imprimir la entrada y guardar como pdf al lado!! (alguna idea de guardar como pdf que no sea con web2.pdfonline.com?)
Mil gracias !!!
Saludos!!!
¡Me alegro muchísimo, Gra! En cuanto al tema del pfd, me temo que no conozco ninguna otra forma de hacerlo (o al menos por ahora) :S.
Por otra parte podría explicar la forma de insertar PDFs en el blog.
¡Abrazos!
Ufff, esta entrada tiene más miga y además hay cosas que no entiendo... como por ejemplo crosscol... Ayhs, casi mejor espero a que me puedas echar una mano porque me estoy liando... Besitos y gracias.
Driwrgy, todas las entradas escritas en texto azul que encuentres son antiguas y requieren una modificación completa.
Esta, por ejemplo, es una de mis primeras entradas y por tanto mis explicaciones no son nada claras. Déjame editarla y podrás incluir el botón en tu blog.
Ahora sí que estoy frita!!!...imprime en tamaño minusculo!!!....ya toqué el tamaño en body, tambien en post....probé con 14px, 130% y un laargo etc....Haga lo que haga imprime en letra pequeñisima...te diria como de 4 px!! Con lupa!!!...Socorro!!!!
Gracias!!!
Gra, prueba a incluir esta línea en el bloque inicial (de style):
html{font-size:14px;font-family:Arial;}
Avísame si no obtienes un buen resultado. Probaré entonces a ofrecerte una alternativa aunque dudo encontrar muchas.
¡Saludos y suerte!
Hola Jaime!!!..Ya te conté hace dias como me fue..pero seguro que en mi torpeza no apreté publicar....Va de nuevo...
Hice lo que mecomendaste y no hubo exito...
ademas hice lo siguiente:
En body:
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small; lo borré
font-size: /**/small; cambie por font-size:100%;
text-align: center;
}
En post no dice nada de fuentes (ni tipo, ni tamaño)
Tampoco en post-body
En #outer-wrapper
está: font: $bodyfont;
bueeno...ya no sé que comentarte que pueda servir....Gracias de corazón!!!
Es algo bastante extraño, Gra pero tengo otra solución. Prueba a incluir esta línea justo antes del cierre </style>:
.post-body {font-size:17px !important;}
Exito total!!!..que contenta estoy!!!....Graaaciass!!!!
Cambie así:
.post-body {font-size:22px !important;}
y le agregué
.post h3 {font-size:25px !important;}
porque el titulo salia del mismo tamaño que el resto..
Tambien borré:
html{font-size:14px;font-family:Arial;}
(por las dudas)
Ahora se leee...no hace falta lupaa!!!!
Mil gracias!!!.Sos un genio!!!
Hola Jaime!!...Fue un exito!!...estoy feliiiz!!!...
puse así:
en: post-body {font-size:22px !important;}
en: post h3 {font-size:25px !important;}
Porque el titulo salia del mismo minusculo tamaño!!..Por las dudas borré
html{font-size:14px;font-family:Arial;}
Mil Gracias!!!!
¡Gra! Jajaja ¡Perfecto! Recuerda que para solucionar algo así debes hacer uso del atributo !important (al querer mostrar un fondo en color podría ocurrir lo mismo por lo que deberíamos usar: background: #CODIGOCOLOR !important;).
Gracias a ti amiga, por tanta paciencia.
Pacienciaaaa???....nooo, porqué maestro???...mandé 2 mensajes porque temia que no llegaran los comentarios !!....
Gracias!!!!....
Lo de important! algo me habia figurado!!....Excelente idea lo del background !!
Saludos!!!
¡Paciencia! Jajaja Gra, por supuesto que tuviste y mucha ya que tardamos lo suyo en solucionarlo.
Con ese atributo se pueden mostrar muchas cosas en el documento impreso por lo que ahora tan solo tienes que probar y probar con fondos, colores, tamaños... que se le atribuirán a tus posts al estar en papel.
Abrazotes.