Páginas

domingo, 15 de abril de 2012

Poner un botón para que se pueda imprimir el artículo que deseemos




He encontrado un sencillo javascript que os permitirá añadir un botón con la funcionalidad de imprimir la página que nuestra visita esta visualizando, ya sea un post o una pagina web común.

Lo único que tendréis que hacer seá añadir este código allá donde queráis que aparezca el botón imprimir:


<a href="javascript:print()">Imprimir</a>


Si deseais que en lugar de poner "Imprimir" el enlace sea un icono o imágen el código deberá ser el siguiente:


<a href="javascript:print()" src="http://www.pcexpansion.es/img/ico_impresora.jpg"></a>

Este código debes insertarlo en la vista HTML, si quieres que aparezca en todas las entradas. En Blogger, lo acepta, pero luego no aparece, por lo que en la parte de la derecha, al crear la entrada, despliega "Opciones" y pídele "Interpretar códigos HTML".

Si dejamos "mostrar HTML", sólo pondrá los códigos, pero NO los interpretará.

Pruébalo y confírmame si te ha funcionado. Más adelante, emplearemos estos mismos códigos para las páginas que hagamos en Dreamweaver (que sí aceptará todo sin problemas).








OTRA OPCIÓN:




Aquí os dejo la opción de imprimir post más detallada espro que os ayude.






Es posible que el contenido que publiques sea de mucha utilidad para tus lectores, es por ello que ahora agregaremos la opción de imprimir la página para hacerles la vida más fácil a los lectores y darle un toque de profesionalismo al blog.

Para ello pega al inicio o al final del post el siguiente código:

<a href="javascript:print()">Imprimir artículo</a>


Donde dice Imprimir artículo lo puedes cambiar por sólo Imprimir o por lo que quieras.
Si deseas que este código aparezca en todas las entradas automáticamente y no tener que estarlo pegando cada vez que publicas entonces ve a Configuración->Formato->Plantilla de entrada y pega ahí el código. Guardar los cambios y listo.

¿Lo quieres más llamativo? Entonces puedes cambiar el texto por una imagen, para ello usa este código:

<a href='javascript:window.print()'><img border='0' src='URL de la imagen'/></a>


Ahora sólo cambia donde dice URL de la imagen por la dirección donde tienes alojado el ícono que vas a usar.

No hay comentarios:

Publicar un comentario