lunes 26 de julio de 2010

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.

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, que en Blogger está en la pestaña Edición de HTML, 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 Destacados de la ventana de gadgets.

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.

9 comentarios:

  1. Hola:

    Vengo siguiendo tu sitio y veo que muchas veces hablas sobre novedades en internet.

    Junto a un amigo acabamos de crear WingedBox (http://wingedbox.com) un servicio gratuito que te da 4Gb para subir ficheros, compartir en internet, hacer backup. Pensamos que podría venirte bien para subir pdfs, videos... cualquier material que quieras compartir en rl blog.


    Nos gustaría que le des una vuelta y, si te gusta, hablases de él en tu web.

    Un saludo y gracias de antemano,
    kikorb

    ResponderSuprimir
  2. Muy interesante tu publicación. ¡Mil gracias! Me ha sido de mucha ayuda.

    ResponderSuprimir
  3. Gracias por el tuto, y muy buenas tus fotos.

    ResponderSuprimir
  4. muchas gracias!!! Me ha sido de gran ayuda!!!

    ResponderSuprimir
  5. Se que esta pregunta llega un año después pero supongo que esto de las imagenes no se hace obsoleto. Tengo mis fotos separadas en albumes tanto en flickr como en picasa y ya las he subido como presentación a mi blog en entradas distintas cada album.
    El motivo de esto es que quiero hacer una especie de indice en una página especial para mis galerías de fotos. Quiero poner una foto de muestra de cada album y que esto sea un enlace para cada album dentro de mi blog... cómo puedo hacerlo de un modo estético, que no implique que tenga que escalar cada foto para crear el mosaico? Hay algun modo, dentro de flickr, picasa o cualquier otro programa con el que pueda hacer esto?

    ResponderSuprimir
  6. Con las imágenes de Picasa Albums se puede insertar en el blog una imagen que te dirija a su álbum, como explico en mi artículo Insertar álbumes de Picasa en el blog, pero en Flickr no encuentro esa opción, a menos que haya un widget en la Web que lo haga.

    ResponderSuprimir
  7. Oye, está padrísima tu explicación. Mega sencilla. ¡Mil gracias!

    ResponderSuprimir
  8. MUY BUENA AYUD AME SIRVIO DE A MUCHO GRACIAS

    ResponderSuprimir
  9. Necesito hacer lo que hace Flickr Photostream en Joomla. ¿Sabes cómo podría lograrlo?
    ¿Podría pegar el código HTML directamente en algún módulo?
    Gracias

    ResponderSuprimir