martes, 2 de agosto de 2011

Agregar códigos QR a cada entrada de Blogger

Los códigos QR (Quick Response Barcode) se han ido transformando en algo común, muy usado en teléfonos móviles ya que ayuda a navegar de manera más segura (más información)

Hay muchos sitios que permiten crearlos y agregarlos a nuestras páginas pero, una de las herramientas más simples y flexibles es el editor de Google Chart. Allí, seleccionamos el tipo QrCode en Chart type y luego, establecemos las opciones (tamaño, color de fondo, opacidad, márgenes y, por supuesto, el texto que, por ejemplo, puede ser la dirección URL de nuestro blog.

El resultado, será una etiqueta IMG que podemos copiar y pegar o bien una dirección URL.
<img src='http://chart.apis.google.com/chart?chs=100x100&amp;cht=qr&amp;chld=|0&amp;chl=http%3A%2F%2Fvagabundia.blogspot.com%2F' width='100' height='100' />
Sabiendo que cualquier modificación posterior la podemos hacer directamente en ese código, es fácil crear un código QR para cada entrada de nuestro blog ya que sólo es necesario modificar la URL y esto, lo podemos hacer en la plantilla, ya sea, agregándolo como cualquier otro botón, en el footer de las entradas:
<img expr:src='&quot;http://chart.apis.google.com/chart?chs=100x100&amp;cht=qr&amp;chld=|0&amp;chl=&quot; + data:post.url' height='100' width='100'/>>
Lo mismo puede hacerse en cualquier otra parte de la plantilla, cambiando el dato por data:blog.url
<img expr:src='&quot;http://chart.apis.google.com/chart?chs=100x100&amp;cht=qr&amp;chld=|0&amp;chl=&quot; + data:blog.url' height='100' width='100'/>

No hay comentarios:

Publicar un comentario