Insertar álbumes de Flickr en el blog

Una forma muy eficaz y bonita de incluir imágenes en un blog es subirlas a Flickr y organizarlas en forma de álbum para después insertarlas en una entrada del blog con el reproductor de diapositivas que proporciona Flickr. En una entrada anterior de este blog vimos cómo se hacía lo mismo con álbumes de Picasa, pero el reproductor de Flickr es mejor en algunos aspectos: permite la vista en pantalla completa y despliega las imágenes reducidas. Además, igual que con Picasa, se puede personalizar el tamaño del reproductor. Es una buena opción cuando queremos mostrar muchas fotografías sin ocupar mucho espacio en la entrada del blog; de esta manera, no recargamos la entrada con demasiado peso y proporcionamos a los lectores una forma cómoda de ver nuestras imágenes.

Después de cargar nuestras imágenes en nuestra cuenta de Flickr y de reunirlas en un álbum, accedemos a la página donde se ve todo el álbum:

Para conseguir el código HTML que nos permita insertar el reproductor de diapositivas en una entrada del blog, tenemos que ver el álbum en forma de diapositivas. Para ello, hacemos clic en el enlace Slideshow (muestra de diapositivas) que está en la parte superior derecha de la página, como se indica en la imagen superior. Entonces, aparece la pantalla de fondo negro con las imágenes ampliadas a página completa.

Todavía tenemos que hacer otro clic en el enlace Share (compartir) que se ve en la parte superior derecha para obtener el código, y a continuación se abre el siguiente recuadro:

En el primer campo o marco de texto tenemos la dirección URL del reproductor de estas dispositivas, que se muestra en una ventana completa del navegador. Puede ser una buena opción para mostrar nuestras fotografías con un simple enlace en la entrada del blog.

Pero si queremos insertar el álbum en el post con el reproductor incrustado, entonces Flickr nos proporciona el código HTML del reproductor en el segundo marco de texto, que podemos copiar a la memoria del ordenador haciendo clic en el enlace Copy to clipboard para después pegarlo en el código fuente de nuestra entrada. Hay que advertir que este reproductor no funciona en dispositivos móviles, porque está creado con la tecnología Flash, que ya ha sido desechada.

Este código muestra el reproductor con un tamaño de 400 píxeles de ancho (width) y 300 de altura (height), pero podemos cambiar el tamaño personalizando el código si hacemos clic en el enlace Customize this HTML. Veremos entonces una página donde modificar el tamaño:

Para modificar el tamaño del reproductor de diapositivas

En la sección 1 se permite modificar el tamaño del reproductor simplemente haciendo clic en los enlaces de los distintos tamaños o también introduciendo los tamaños en los campos de texto proporcionados, siendo el primero la anchura y el segundo la altura. Conviene dejar activada la casilla de la opción maintain aspect-ratio, con la que sólo hace falta cambiar una dimensión para que automáticamente aparezca la cifra proporcional de la otra dimensión.

Ya sólo queda seleccionar todo el código HTML con el cursor del ratón y copiarlo con la opción adecuada haciendo clic en el botón secundario del ratón. Después, lo pegamos en la parte del código fuente del editor de nuestro blog, a la que se accede pulsando el botón HTML. Si queremos centrar el reproductor a lo ancho, podemos usar el siguiente código en azul, que rodea al del reproductor:

<div align="center">[Código del reproductor]</div>

Y ya tenemos nuestras fotografías en formato de pase de diapositivas, que el lector podrá ver en pantalla completa haciendo clic en el icono inferior derecho del reproductor, que se ve al hacer clic en el reproductor para empezar la reproducción:

Por último, hay que indicar que Blogger tiene dos gadgets para insertar un álbum de Flickr o de Picasa en el lateral del blog. Se llaman Flickr Photostream y Picasa Photostream, y se encuentran en la sección Más gadgets de la ventana de gadgets. Parece que el primero de ellos ya no se encuentra entre los gadgets, pero Flickr tiene una página donde se puede crear un módulo parecido, que se puede incrustar en el blog. En la página del generador del módulo se puede elegir entre un módulo en HTML y otro en Flash; aconsejo usar el primero, porque se verá en todos los dispositivos:

Debajo está el botón Siguiente: elegir contenido, donde se establecen cinco pasos para crear el módulo, y al final se consigue un código en HTML, que es el que hay que insertar en la entrada del blog, pero hay que hacerlo en la sección del código fuente que aparece cuando se pulsa el botón HTML del editor.

Anteriormente, cuando existía el gadget Flickr Photostream en Blogger, el procedimiento era el siguiente:

El gadget de Blogger Flickr Photostream

El gadget de Flickr muestra varias opciones de configuración:

Opciones de configuración del gadget Flickr Photostream

Esta personalización del gadget da como resultado lo que se ve en la siguiente imagen, que aparecerá en el lateral del blog:

Flickr también permite insertar una imagen en un blog con la opción Blog this, que se muestra entre los iconos de la parte superior de una imagen cuando se ve en su página de enlace permanente. Como vemos, podemos elegir entre varias opciones para incluir nuestras fotos de Flickr en el blog de Blogger y en otros gestores de blogs.

(Entrada actualizada el 5 de mayo de 2013)