Crear tu propio código QR

Los códigos QR surgen en el año 1994. El acrónimo proviene del inglés "Quick Response", es decir, respuesta rápida. Se trata de una matriz de puntos, a modo de código de barras bidimensional, cuyo objetivo es permitir una respuesta inmediata asociada a una información. Se reconocen por su forma cuadrada con tres cuadrados más grandes en sus esquinas superiores e inferior izquierda.
Más allá de su explicación más técnica (que podéis investigar aquí), un código QR puede ser una eficaz herramienta publicitaria, o un sistema capaz de facilitar una dirección web concreta sin necesidad de copiar una interminable dirección web.

Código QR de BlogTecnos

¿Cómo creo mi propio Código QR asociado a mi página o blog?
Existen un buen número de páginas donde puedes crear de forma sencilla y gratuita códigos QR. Os paso algunas de las que hemos utilizado desde BlogTecnos:

• Códigos-QR. Sencilla y gratuita. Recuerda seleccionar el tipo de código QR según sea para una web, un texto, una Vcard, etc.
• Generador QR Code. El interfaz es algo menos intuitivo pero el resultado igualmente satisfactorio. Permite seleccionar color.

¿Cómo se leen los códigos QR?
A través de dispositivos electrónicos como móviles o tablets. Si hacéis una foto a un código QR lo único que haréis es tener la foto más tonta del mundo y, con suerte, ver como se ríe de ti el personal. Necesitas un sencillo software, una app, para poder interpretar dicha matriz. Cual selecciones dependerá de tu terminal. Algunos ejemplos recomendables son:

• QR Droid. Descarga desde Google Play. Android. 10Mb. 
• QR Code Reader. Descarga desde Google Play. Android. 3Mb.
• UpCode Reader. Recomendado para Symbian (Nokia).
• Beetag Reader. Válido para la mayoría de terminales.

Como diseñar las suscripciones por email a un blog de Blogger

Aquí os paso las instrucciones que son necesarias para la suscripción a través de un correo electrónico para blogger. Todas las instrucciones están en el siguiente videotutorial pero se necesitan una serie de códigos que os paso a continuación.

- La primera instrucción a completar se corresponde al apartado Email Branding<Título/Tema del email (corresponde al 4:20 del vídeo). Pretende que en cada email de aviso de actualización aparezca el propio título del post realizado, para ello completamos con: 

${latestItemTitle} | Blog Tecnos

Como poner música de YouTube en Blogger

Para reproducir una canción en nuestro blog lo más común es acoplar un reproductor, es decir, introducir el código del mismo, para después permitir que, a través de los controles de los que éste dispone, podamos escuchar la canción en el momento que nos apetezca.

Pero, en esta ocasión proponemos un sistema mucho más rápido y sencillo que nos permitirá escuchar cualquier canción que encontremos en YouTube modificando mínimamente el código de la misma. La idea la encontré en el blog de Mandelrot (al que agradezco la resolución de medidas y del div).

La idea es la siguiente:
i. Vamos a la canción de YouTube que nos interese.
ii. Procedemos como si fuéramos a colgar el vídeo completo de YouTube en nuestro blog. Pinchamos en Compartir<Insertar y copiamos el código completo, por ejemplo éste:

<iframe width="560" height="315" src="http://www.youtube.com/embed/hq2s0AhdFE4?rel=0" frameborder="0" allowfullscreen></iframe>

iii. La altura óptima para reproducir la canción como una línea es 37, por lo tanto modificamos dónde ponía 315 (en mi caso), ponemos 37. Con éste cambio conseguiremos ver los botones de reproducción y el temporizador. Para que el ancho quede perfecto podemos poner 640, quedando así:

<iframe width="640" height="37" src="http://www.youtube.com/embed/hq2s0AhdFE4?rel=0" frameborder="0" allowfullscreen></iframe>

iv. Finalmente incluimos una línea de código nueva si queremos evitar que aparezcan los molestos enlaces de compartir y more info, en la que el nuevo ancho evite esa zona (unos 466 de ancho). Será una línea div (contenedor a nivel de bloque) que nos oculte la parte sobrante:

<div style="overflow: hidden; width: 466px;">
<iframe width="640" height="37" src="http://www.youtube.com/embed/hq2s0AhdFE4?rel=0" frameborder="0" allowfullscreen></iframe>

</div>

OJO! No olvides cerrar el div que acabamos de abrir (</div>).


El resultado es el siguiente:

Pequeña variante en el código para reducir la anchura:

Ejemplo utilizado en el videotutorial:

SABER MÁS. Si quieres saber que indica cada una de las ordenes del código HTML de los videos de YouTube puedes ver un pequeño tutorial aquí.


VIDEOTUTORIAL. Como poner música de YouTube en Blogger.