Bitácora Tuning: 2014

lunes, 17 de febrero de 2014

Cómo configurar la suscripción a las entradas por correo usando Feedburner

Feedburner es un servicio integrado en la cuenta de Google que permitirá que los lectores de nuestro blog que se suscriban por medio de su dirección de correo electrónico (sea o no de Gmail), y así, reciban directamente en él cuantas publicaciones creemos en nuestro blog, sin necesidad de que tengan que ir a visitarlo.
Activar esta funcionalidad es gratuito y es muy sencillo siguiendo estos pasos:

Copia la dirección del Feed de tu blog. Para ello, en el pie de página de tu bitácora, haz clic con el botón derecho del ratón sobre "Entradas Atom" (1) y selecciona "Copiar dirección de enlace" (2). Esta dirección es la misma que nos aparecerá abajo a la izquierda mostrando el destino del hipervínculo que hemos señalado (3).

Entra en FeedBurner con tu cuenta de Gmail y pega la dirección:

Haremos clic en "Next" (siguiente), confirmado también en las siguientes pantallas hasta llegar a la página principal de nuestro Feed que acabamos de crear:

Ahora activaremos la suscripción por correo:

A continuación, necesitaremos obtener el código para nuestro widget HTML. Para ello, desde el apartado anterior (Publicize) y el subapartado "Email Subscriptions" (1), elegiremos el idioma (2) y el tipo de widget, en este caso para blogger (3) y ahora copiaremos el código (4) que insertaremos en nuestro widget:

A continuación, desde el panel de control de nuestro blog, en el apartado de diseño, añadiremos un nuevo gadget HTML/JAVASCRIPT en el que, en el modo de "Edición HTML", pegaremos el código obtenido.

Después, alternando entre el modo de "Edición HTML" (1) o el modo de "Formato RTF" podemos acabar de ajustar el widget según nos interese.

De vuelta a Feedburner, en "Comunication preferences" (1) personalizaremos el mensaje de suscripción que recibirán nuestros suscriptores (4), el asunto (3) y la dirección de correo en el que tenemos registrado el Feed o cuenta de Google (2):

Hacemos clic en "Save" (5) (guardar) y listo.

En "Email Branding" podemos configurar el tipo de letra y en "Delivery Options" la zona horaria y el horario en el que se enviarán las comunicaciones de la suscripción.

lunes, 10 de febrero de 2014

Cómo crear una aplicación Android de tu blog

Hay varias páginas que nos permitirán crear una aplicación del contenido de nuestro blog para Android u otros dispositivos como IPad, IPhone, Kindle. Esto es posible por medio de unos sencillos pasos que no requieren conocimientos de programación.
Pero por qué hacerlo: porque creando una aplicación podemos hacer más cómodo el acceso y lectura de nuestro blog o página web desde estos dispositivos, y además, es rompedor y diferenciador, aunque sólo sea por prestigio de tu marca personal.
Algunas de estas páginas son:

Dependiendo del proveedor, generalmente el primer paso será registrarnos la página que elijamos, confirmar el registro e identificarnos para poder acceder.
Después tendremos opción para elegir la plataforma, si es el caso, dependiendo del proveedor elegido (Android, IPad, IPhone, Kindle), el tamaño de la pantalla y la plantilla para el tipo de contenido (vídeo, publicidad, venta, noticias...).
Tendremos que introducir el nombre de la aplicación, descripción y la dirección de nuestro blog, página web o el Feed (fuente web) del mismo entre otras cuestiones de personalización (pestañas, tamaño de fuente, alineación del texto, menús, datos de contacto...).
Podremos cargar una imagen para el icono de nuestra aplicación.
Y por último, generaremos la aplicación.
Ahora podemos descargarnos el instalador de la aplicación creada y pasarla a nuestro dispositivo por medio de cable, tarjeta SD, etc. y proceder a su instalación.
Después podemos publicarla en Google Play o en el APP Store, pero registrarnos en estas dos tiendas y publicar la aplicación puede suponer un pequeño desembolso económico (unos 25$ en el caso de Google Play).
Como alternativa completamente gratuita, podemos colgarla directamente en nuestro blog para que nuestros seguidores la descarguen e instalen desde allí mismo.

De entre estas opciones de páginas posibles para crear la aplicación, he probado The app maker, que es la que aparece en las imágenes superiores porque está en castellano, pero aunque está en inglés, prefiero AppsGeyser, por su sencillez, la posibilidad de introducir anuncios para financiarla o incluso por la opción de descargar la app creada directamente y también la alternativa de publicarla en el Google Play o en la propia tienda de AppsGeyser.

lunes, 3 de febrero de 2014

Cómo insertar un calendario público visible en tu blog

Tener un calendario en nuestra bitácora permite que nuestros visitantes estén al día de eventos que vayamos programando e incluso copiar nuestros eventos en sus respectivos calendarios, que conectados a la cuenta de Google del móvil, generarán avisos en sus propios dispositivos.
Para ello, iremos a Google Calendar y accederemos a "Configuración":

Ahora seleccionaremos "Calendarios" (1) y haremos clic en "Crear un calendario nuevo" (2)

Ahora configuraremos nuestro calendario. Para ello:

Le asignaremos un nombre
Elegiremos la zona horaria y país
Marcaremos la opción de hacer público el calendario
Y haremos clic en "Crear calendario"

Nos pedirá confirmación sobre hacer público el calendario, que hemos de aceptar.
Ahora hemos de volver a "Configuración" y "Calendarios", como se indica al principio de esta entrada. Haremos clic sobre el calendario público que hemos creado (2).

Y nos quedará obtener el código HTML que insertaremos en una página de nuestro blog.

Obtenido el código y copiado en el portapapeles, iremos a la configuración de nuestro blog, y en el apartado "Páginas", crearemos una "Página en blanco":

Titularemos esta página "Calendario" (1).
Seleccionaremos el editor HTML (2).
Pegaremos el código HTML del calendario que tenemos en el portapapeles(3).

Podemos ajustar manualmente el ancho y el alto de nuestro calendario cambiando los valores entrecomillados (en píxeles) que aparecen junto a width (ancho) y height (alto).
Antes de publicar la página, podemos ver una "Vista previa" para ver si el calendario queda como nos gusta. Si es así, nos queda ya publicarlo.

lunes, 27 de enero de 2014

Cómo insertar un mapa de localización en tu blog

Insertar un mapa de localización dentro de nuestro blog, permitirá que la gente sepa dónde estamos y cómo llegar hasta nuestra ubicación.
Para ello, hemos de ir a Google Maps y buscar nuestra ubicación.

Una vez estamos localizados:

Haremos clic en el botón de enlace
Seleccionaremos el código HTML que contiene los datos del mapa y que pegaremos en nuestra bitácora.
Si lo deseamos, podemos personalizar el alto y el ancho del mapa a insertar viendo una vista previa, teniendo que seleccionar el nuevo código HTML con los cambios que hayamos definido.

Obtenido ya el código del mapa, crearemos una página, entrada o gadget HTML/JAVASCRIPT en nuestro blog y desde el modo de edición HTML, pegaremos el código obtenido. Nos quedará guardarlo y publicarlo.
Podemos ver estas entradas para recordar cómo hacerlo:

Si no nos hemos podido localizar en Google Maps, crearemos un mapa personalizado en el que introduciremos una marca con nuestra ubicación. Para ello, haremos clic en "Mis sitios":

A continuación, haremos clic en "Crear mapa". Nos abrirá una nueva ventana para crear el mapa en el que podremos introducir nuestras marcas personalizadas de localización.
Como mínimo, para facilitar la tarea de ubicarnos en el mapa, hemos de acercarnos al menos a una población cercana.

Ahora haremos clic en el botón de marca (1) y la arrastraremos hasta nuestra ubicación (2).

Podemos introducir detalles sobre ese punto que hemos marcado en el mapa, como nombre, página web, etc. Desde "Mapa base" podemos cambiar el tipo de mapa (callejero, vista satélite, relieve...)
Una vez lo hemos creado, haremos clic en el botón "Compartir":

Y ahora lo haremos público para que sea visible para todo el mundo:

A continuación, vamos a buscar el código HTML con los detalles del mapa para insertarlo en nuestra bitácora:

Copiamos el código HTML que nos aparece y lo pegamos en nuestro blog como se ha descrito antes.

Podemos cambiar manualmente los valores "Height" (alto) y "Width" (ancho) para ajustar el alto y el ancho del mapa según deseemos.

lunes, 20 de enero de 2014

Cómo crear un código QR que nos lleve a nuestro blog

Los códigos QR, también llamados BIDI, son un nexo de unión entre la vida real e internet. Constituyen una puerta de entrada a la red desde cualquier lugar físico (un catálogo en papel, un diario en papel, un cartel, un folleto, un display, etc…). Son los códigos de barras modernos.

La lectura de un código QR la hace el usuario desde la cámara de un smartphone con conexión a Internet.

Al leer un código QR, le estamos diciendo al navegador de nuestro smartphone que página de Internet debe abrir. El QR se lee y nos lleva a la dirección web que sea sin esfuerzo ni complicaciones…y cuando el usuario decide.

Podemos conseguir este código en páginas como:

Bastará con introducir la dirección de la web donde queremos que conduzca el código y algunos detalles como tamaño, color y descargarnos el código obtenido que colocaremos después donde nos interese.

Una vez obtenido, podemos difundirlo en folletos, fotos, catálogos, anuncios en prensa, valla publicitaria, etiqueta de producto, redes sociales, etc. Cualquier persona que lo enfoque con la cámara de su smartphone irá a la página que hayamos definido en el código QR. Han de tener instalada una aplicación como QR Droid en caso de utilizar Android.

miércoles, 15 de enero de 2014

Cómo insertar un vídeo de Youtube en una entrada o widget de tu blog

Si queremos insertar un vídeo de Youtube dentro de una entrada de nuestro blog o como un widget, primero hemos de abrir el vídeo en cuestión en Youtube y después seguir estos pasos:

Haremos clic en "Compartir"
Haremos clic en "Insertar"
Elegiremos el tamaño que queremos que ocupe
Copiaremos el código Iframe

En la entrada de blogger, haremos clic en el botón "HTML" de la barra superior de herramientas de edición y pegaremos el código Iframe copiado en el portapapeles.
Volveremos a hacer clic en el botón "Redactar" de la barra de herramientas y modificaremos la entrada según nos interese.
Por último, haremos clic en "Publicar"

Si queremos insertarlo en un widget, desde la pestaña de "Diseño", añadiremos un gadget HTML/JAVASCRIPT y pegaremos el código Iframe copiado en el portapapeles.