Insertar álbumes de Picasa en el blog

Me preguntan cómo insertar imágenes en el blog mediante los álbumes de Picasa, y aquí escribo un breve tutorial sobre el asunto, que presento como una continuación de mi anterior artículo, Inserción de imágenes en el blog, donde muestro la forma de insertar imágenes en un blog de Blogger y añado algunas consideraciones que creo importantes. El trabajo con imágenes es fundamental en la Web, y tenemos que evitar su inclusión en nuestros blogs de forma masiva y desordenada. Para ello disponemos de tecnologías como los pases de diapositivas o diaporamas, los vídeos de fotos y las presentaciones, que nos permiten mostrar muchas imágenes en un espacio reducido de nuestro blog. En próximos artículos comentaremos estas opciones.

Cuando queremos entrar en Picasa, puede ocurrir que nos aparezca la página de Google+ con nuestros álbumes, pero en la parte superior veremos un aviso que nos indica el enlace hacia la página de Picasa donde podemos editar nuestros álbumes:

Como indican en Genbeta, Picasa Web Albums ahora redirige a los usuarios a Google+,  porque Google quiere potenciar su red social Google+, y posiblemente Picasa desaparezca pronto. No obstante, todavía se puede acceder a los álbumes de Picasa y realizar las acciones que se explican en esta entrada con la siguiente URL:

https://picasaweb.google.com/lh/myphotos?noredirect=1

Cuando insertamos imágenes en nuestro blog de Blogger, se guardan automáticamente en un álbum de Picasa que tiene como nombre el título de nuestro blog. Pero también podemos crear álbumes en Picasa para guardar nuestras fotos e insertarlas en el blog en forma de diapositivas. La forma de crear un álbum es muy sencilla: pulsamos el botón Subir, que se encuentra en la barra de herramientas superior, para subir o cargar una imagen:

Y enseguida aparece una ventana donde podemos subir la imagen a un álbum existente o podemos crear uno nuevo pulsando el enlace correspondiente. Si hacemos esto último, aparece otra ventana con un formulario donde escribimos el título y una descripción del álbum, que es público para que se pueda mostrar, aunque se puede limitar su ámbito para compartirlo:

Cuando pulsamos el botón Continuar, se abre otra ventana, que nos permite cargar varias imágenes pulsando el botón Examinar para buscarlas en nuestro disco duro.

Al pulsar el botón Iniciar subida, se suben las imágenes al álbum, que aparece a continuación:

Aquí está mi álbum de algunas de las fotos que hice en un reciente viaje a Ávila. En la parte derecha del documento aparecen las opciones para Enlazar a este álbum. Si hacemos clic en esa frase, debajo aparecen dos opciones:

1. La primera es simplemente la dirección URL del documento donde se encuentra el álbum, de forma que podemos enlazarlo en el blog para que nuestros lectores vean el álbum en su lugar de origen.
2. La segunda es el código de una tabla HTML que incluye una de las imágenes del álbum. Si la insertamos en el blog pegando el código en la parte de Edición de HTML del editor, la veremos en la entrada del blog enlazada al álbum de Picassa:

Ávila

También podemos insertar una sola imagen, y en este caso hacemos clic en la imagen para verla individualmente. A su derecha están las opciones de Enlace a esta foto: una dirección URL y el código para incrustar imagen en el blog. Con este código, la imagen quedaría de esta forma:

De Ávila

Pero si lo que queremos es insertar en la entrada del blog todas las imágenes del álbum en forma de diapositivas, entonces hay que pulsar en la frase Incrustar proyección de diapositivas y se abrirá otra ventana en la que nos ofrecen un código para insertar o incrustar la proyección en nuestro blog, que se ve en la siguiente imagen destacado en rojo:

Ese código lo podemos cambiar según las opciones que tiene encima de él. Aconsejamos desactivar la opción Reproducir automáticamente para que sea el lector quien decida cuándo empezar a ver la reproducción. Además, hay que tener cuidado para que la anchura del reproductor no desborde la anchura que tenemos en el diseño de nuestro blog.

El código lo seleccionamos haciendo clic encima de él; y pulsando el botón derecho del ratón, elegimos la opción de Copiar. Así el código queda copiado en la memoria del ordenador, y luego lo pegamos en la parte de Edición de HTML del editor, como se ve el la siguiente imagen:

En realidad, no veremos la proyección en el editor del blog hasta que no pulsemos el botón de Vista previa que hay en la parte inferior. Con este código HTML incluimos en la entrada del blog el reproductor que muestra las diapositivas, tal y como lo vemos aquí a un tamaño de 600 px:



Si hacemos clic en uno de los dos iconos de la parte inferior del reproductor, iremos a la página de Picasa donde se encuentra el álbum, y allí lo podremos ver a pantalla completa. Pero en nuestro blog lo podremos ver como una reproducción de diapositivas. Si pulsamos el botón de reproducción, las imágenes pasarán automáticamente, pero también podremos pasarlas pulsando las flechas.

Lo malo de esta opción es que el álbum no se ve en dispositivos móviles, porque está creada con la tecnología Flash, que ya ha sido desechada. Por tanto, la opción más adecuada es la de enlazar el álbum, como he explicado más arriba.

Otra forma de incluir álbumes de Picasa (y de otros servicios), ahora en el lateral del blog, es mediante el gadget Presentación:

Aquí no insertamos el código HTML del álbum, sino que lo elegimos entre los nuestros después de incluir nuestro nombre de usuario y de buscar por palabra clave o por álbum.

Éstas son varias posibilidades que tenemos para mostrar nuestras imágenes en el blog. En el próximo artículo veremos los álbumes de Flickr.

(Entrada actualizada el  5 de mayo de 2013)