Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

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...



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="http://3.bp.blogspot.com/_blABMJBbYJs/TIIwJULJFZI/AAAAAAAAI2E/-sjXMZgeEK4/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é.

hamlet dice...

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!

Jaime Trujillo Escobedo dice...

hola hamlet! me alegra mucho que te guste, la verdad es que sí que es útil :-) Saludos para tí también y los lectores :-)

El Rincón Del Fotógrafo dice...

Me gusta muchisimo el blog esta bien ordenado y esta muy interesante , Te felicito, es uno de los mejores q e visto ;)

El Doky dice...

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.

Jaime Trujillo Escobedo dice...

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!!

Jaime Trujillo Escobedo dice...

Hola El Doky!! que alegría que te gustara el Balcçon :-) desde que necesites cualquier cosa, aquí estoy para ayudarte :-) un gran saludo!!

Bulma dice...

Hola Jaime,intento ponerlo y cuando busco el paso 3
me sale texto no encontrado que puede ser?
Uys!! que torpe soy..

Jaime Trujillo Escobedo dice...

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

Anónimo dice...

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

Jaime Trujillo Escobedo dice...

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.

SandeeA dice...

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!

Jaime Trujillo Escobedo dice...

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 ;-)

SandeeA dice...

Genial! muchísimas gracias,ahora te lo mando!

Jaime Trujillo Escobedo dice...

SandeeA, intentaré responderte con la mayor brevedad posible. :) ☺

Yolanda dice...

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.

Jaime Trujillo Escobedo dice...

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. ☺

Yolanda dice...

Jaime, te mando un correo, ¿vale?

Un saludo.

Jaime Trujillo Escobedo dice...

Yolanda, te responderé cuanto antes.

¡Saludines!

Gra dice...

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

Jaime Trujillo Escobedo dice...

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) ;).

Gra dice...

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!!!

Jaime Trujillo Escobedo dice...

¡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!

Driwrgy dice...

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.

Jaime Trujillo Escobedo dice...

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.

Gra dice...

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!!!

Jaime Trujillo Escobedo dice...

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!

Gra dice...

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!!!

Jaime Trujillo Escobedo dice...

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;}

Gra dice...

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!!!

Gra dice...

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!!!!

Jaime Trujillo Escobedo dice...

¡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.

Gra dice...

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!!!

Jaime Trujillo Escobedo dice...

¡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.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo