Tecnología

Diarios de la nube Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Cómo añadir un botón para imprimir en tu web



Muchos creadores de contenidos web, especialmente Bloggers, siempre pueden complementar sus entradas con valor añadido: permitir al usuario descargarse las instrucciones en un archivo de lo que explican en sus entradas o la posibilidad de que el usuario se las imprima en papel.
Aunque en Diarios de la nube hemos explicado con anterioridad cómo imprimir en Blogger de una manera más o menos sencilla, esta vez vamos a simplificar aún más la tarea. Vamos a por el "más fácil todavía": utilizaremos el servicio printfriendly y podremos utilizarlo en Blogger, WordPress, Drupal o en cualquier sistema de publicación web que exista. ¿Quieres aprender a imprimir con facilidad tus contenidos?, sigue esta guía paso a paso y comprueba lo sencillo que puede llegar a ser.
¿Cómo puedo ofrecer a los usuarios la opción de imprimir mis entradas?

En general se trata de ofrecer un botón con una imagen de una impresora o similar que cuando sea pulsado active un pequeño "script" que envíe a la impresora del usuario el contenido de la entrada.
Si quieres que se puede imprimir tu receta en ese blog de cocina que estás creando, o las instrucciones de tu último trabajo manual en ese Blog DIY que creaste con tanto mimo, el patrón para coser ese jersey, el itinerario de tu última ruta para tu blog de viajes... basta con que utilices el "script" adecuado para darles la posibilidad a tus usuarios.
Es extremadamente sencillo: puedes desde hacértelo tú mismo siguiendo esta guía, hasta utilizando un servicio aún más sencillo llamado Printfriendly, veamos cómo hacerlo.

¿Qué es Print Friendly?

Se trata de un servicio web ofrecido por la web www.printfriendly.com en el que se proporciona un sencillo "script" con un código de "copiar y pegar" para tu web con el que poder ofrecer la posibilidad a tus usuarios de imprimirse tus entradas.Paso a paso, ¿Cómo puedo imprimir las entradas de mi Blog?

1) Escribe http://www.printfriendly.com/button en la barra de direcciones de tu navegador o haz "clik" aquí y se te mostrará una pantalla como la que te muestro a continuación:


Analicemos punto por punto la pantalla que se nos muestra para configurar nuestro botón para imprimir:


Selecciona el tipo de web en el que vas a publicar tu botón para imprimir. Cada opción pertenece a un sistema, tan sencillo como seleccionar el tuyo y seguir los pasos.2) En la misma pantalla, una vez seleccionado el sistema con el que vas a trabajar, continúa avanzando hasta llegar a "Choose a button":



Selecciona el tipo de botón que deseas que aparezca en tu web. Tienes desde botones convencionales donde pone "Print" hasta botones con los que imprimir y tener la opción de guardarlo en PDF (así tus usuarios se podrán llevar el archivo con ellos donde quieran e imprimirlo después si lo prefieren... una buena forma de ahorrar en papel y tener disponible el archivo en cualquier momento).
Si no te gustan los iconos por defecto, podrás subir después la imagen que tú prefieras para imprimir.3) Una vez seleccionado el botón, continúa para entrar al detalle de cómo deseas configurarlo:



En Features no es necesario que hagas ningún cambio si te parece bien tal cual el botón que antes elegiste o si no quieres "complicarte" con más opciones:

Page header: te permite utilizar el icono o botón que antes has seleccionado o subir uno nuevo que tú prefieras utilizar.
Click-to-delete: permite al usuario seleccionar a la hora de imprimir qué partes prefiere que no salgan en la impresión.
Images: permitirá al usuario incluir o excluir las imágenes en la impresión.
Image Style: Indicará la colocación del botón para imprimir (centrado, a la derecha, izquierda, en la parte superior...).
Email: La opción de enviarse la entrada a un correo electrónico (para ahorrar papel). 
PDF: La posibilidad de llevar a un formato de Adobe conocido como PDF el archivo para que no necesite el usuario imprimirlo y lo pueda llevar consigo donde quiera (en su móvil, en un USB, mandarlo a la nube, etc...). Otra forma de ahorra papel.
Print: Por si le das al usuario la opción de imprimir o directamente sólo le permites mandarlo por email o a PDF y no imprimir.
 Custom css url: Te permite añadir una presentación hecha por tí, con tu propia hoja de estilos.
 Website protocol: Debes ponerlo según el protocolo que utilizas en tu web. Si es http déjalo como está, sólo es necesario cambiarlo si tu web utiliza protocolo seguro https.
4)  Ya sólo te queda pegar el código en tu sistema web. Si es Blogger, WordPress o similar, tendrás la opción de añadirlo como un gadget más a tu Blog para añadirlo en la vista de diseño a placer.
Si tu página es una web, simplemente tendrás que copiar y pegar el código que te aparece al final de la pantalla, en el lugar donde prefieres que aparezca el botón:


 Simplemente copia en tu página web el código que te ofrece Print Friendly en la zona donde deseas que aparezca el botón.Si eres Blogger y quieres colocarlo en una zona distinta a la de por defecto:

Fíjate que justo debajo del botón "Install Blogger Widget", encontrarás un enlace donde pone "add code directly to template.", haz "clik" en ese enlace si deseas colocar el código del botón para imprimir en otra zona de tu Blog. 



Sigue las instrucciones que te da PrintFriendly para poner el botón en tu plantilla donde tú desees. Es fácil, puedes editar la plantilla HTML y añadirlo en el <head> para que sólo se dibuje el botón cuando el usuario entre en el detalle de una entrada.



 Sigue las instrucciones de la imagen que te muestra la propia printfriendly.Cualquier duda dispones de los comentarios para plantearla, estaré ahí para ayudarte a poner este botón en tu web.

Fuente: este post proviene de Diarios de la nube, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

SEO con imágenes

Las imágenes que utilizas en tu Blog, en tu web, no son sólo un reclamo o un añadido decorativo para tus contenido. Pueden servir a los buscadores web para comprender mejor la información que proporci ...

Etiquetas: generalpropuestas

Recomendamos

¡No te pierdas nuestra selección diaria!

Suscríbete y recibirás en tu correo nuestras mejores ideas

Suscríbete ahora

Relacionado

general ayuda blogger otros tutoriales

Cómo poner un botón de 'Seguir con GFC' sin que sea el gadget de blogger

El jueves os decía en facebook que aceptaba sugerencias sobre lo que publicar esta semana. Tengo varias ideas en la recámara (es decir, en mi hoja de ideas para posts) pero ya que no tenía nada escrito, me daba igual coger una de las mías que una sugerencia vuestra. Mejor si cojo una sugerencia vuestra, ¿no? :) En cuestión de 3 minutos ya tenía dos sugerencias y una además me ha parecido muy buen ...

general propuestas

Save to Drive un botón en tu web para guardar archivos en Google Drive

Google Drive es el servicio de almacenamiento en la nube desarrollado por Google. Hemos visto diversas utilidades que aprovechar con Google Drive para potenciar a Blogger: para alojar y servir una web completa, para alojar hojas de estilo o recursos para nuestra web que no podemos almacenar en Blogger, para crear enlaces de descarga de archivos con los que complementar nuestras entradas (instrucc ...

Aplicaciones

Cómo Imprimir tus Fotos de Instagram

Hoy quiero contarte esas apps creadas especialmente para imprimir tus fotos de Instagram, con lo que puedes llevar el acabado, atmósfera y filtros de la red social desde tu Smartphone a tu álbum tradicional de fotos. También tienes la opción de imprimirlas sobre lienzos más interesantes, si quieres saber más continúa leyendo porque hoy compartiré contigo las mejores… Aplicaciones para Imprimir tus ...

Blogger gadgets Tutoriales

Cómo instalar un botón de subir arriba

Si quieres que tu blog tenga ese botoncito en el lateral para subir arriba (como verás, yo tengo a mi perrito que dice "Súbeme") tenemos que hacer lo siguiente: Nos vamos a Diseño ➡ Añadir un gadget ➡ HTML. Le añadimos el siguiente código: <a href=# style=display croll;position:fixed;bottom:5px;right:20px; title=IR ARRIBA><img src="URL del botón de subir arriba", wid ...

general plantillas y formatos calendarios ...

Calendario 2016 editable en Excel para imprimir

Aunque estamos a mitad del año 2015 ya es hora de tener un calendario 2016 a mano.  Esto lo saben muy bien quiénes trabajan con proyecciones a futuro de varios meses o semestres. Desde PlanillaExcel nos comparten este sencillo libro con un calendario editable que podemos manejar a nuestro gusto y de paso imprimirlo si lo deseamos: La verdad, esto no tiene más vueltas que ir a su página web y hacer ...

general artículos blogs consejos para bloggers ...

Cómo agregar el botón de suscripción de YouTube a tu sitio web

Desde hace unos meses, los usuarios ya no tienen que ir a la página principal de canal de una persona para suscribirse a sus contenidos, ya que se puede hacer desde el blog. Google añadió, al igual que pasa con las redes sociales para suscribirse y recibir los contenido, el botón de YouTube para que puedas también ver los videos en caso de que los haya. Cómo configurar estos botones Si cuentas tam ...

general laboratorio vivir las fotos

¿DÓNDE IMPRIMIR TU PRIMER ARCHIVO?

Una de las grandes diferencias de la fotografía digital (si se compara con la analógica), es que las imágenes pueden verse al momento, no hay que esperar a que se revelen o se impriman. Además, las fotografías digitales se pueden enviar y compartir fácilmente con los amigos a través del correo electrónico, en las comunidades de Internet o en distintos soporte (CD, DVD, un lápiz de memoria, etc.) ...

internet instagram maxcf ...

Plugins para integrar Instagram en WordPress (#WordPresteando by @maxcf)

Hola a tod@s :) ¿Cómo estáis? En esta entrada de WordPresteando vamos a hablar de Instagram y os voy a enseñar diferentes plugins para integrar Instagram en vuestros blogs (WordPress.org). Instagram es una de las redes sociales que está de moda, en pleno auge. Actualmente tiene 300 millones de usuarios, frente a los 150 millones del año pasado (2014) y calcula tener más de 400 millones de instagra ...

general seo

Cómo añadir un buscador a tu web y presentar el cuadro mejorado de búsqueda del sitio en los resultados de Google.

Todos los sitios web y Blogs precisan de un componente que sirva para buscar información por todo su contenido. Los usuarios normalmente precisan encontrar información dentro de un sitio web. Muchas veces, cuando han encontrado lo que quieren en un determinado lugar, prefieren buscar dentro de él para encontrar más datos dentro de la web que visitan. Gracias al uso de un buscador, los usuarios que ...

Blogger Redes sociales Tutoriales Blogger ...

Insertar el botón Twittear en Blogger

Si tienes un blog realizado en la plataforma de gestión de contenidos Blogger puede que necesites conocer cómo utilizar los botones de redes sociales. En esta oportunidad te contamos cómo incluir el botón de “compartir en Twitter” para que los usuarios puedan fácilmente compartir tus enlaces en la red del pajarito azul. Blogger tiene una botonera propia donde puedes encontrar la mayoría de los bot ...