jueves 17 de junio de 2010

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 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:

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.

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.

54 comentarios:

  1. ¿Exite alguna opción de que cuando le de clik al albúm no enlace con picasa?
    Saludos y gracias

    ResponderSuprimir
  2. En realidad, no parece que haciendo clic en el álbum enlace con Picasa. Para que eso ocurra hay que hacer clic en los dos iconos que hay en la parte inferior, a la izquierda y a la derecha.

    ResponderSuprimir
  3. Hola
    Gracias por la respuesta, en mi bitácora cuando creo un shideshow se queda fijo una fecha en verde grande en mitad de la primera foto, si pinchas en la flecha enlaza directamente con picasa y es lo que no quiero.
    Saludos

    ResponderSuprimir
  4. M. Eugenia, la verdad es que el funcionamiento de esa flecha es un poco extraño. La primera vez que la pulsas te abre otra pestaña o ventana con el álbum de Picasa, pero si la vuelves a pulsar ya no va al álbum.

    En todo caso, yo prefiero los álbumes de Flikr, que se insertan muy bien y además los puedes ver en pantalla completa desde el blog. En el próximo artículo hablaré de ellos, pero puedes ver cómo queda en mi artículo anterior, en el que inserté uno. En Flikr, hay que abrir en álbum en forma de Presentación, y arriba a la derecha aparece el menú Compartir, donde dispones del código para pegarlo en tu blog.

    ResponderSuprimir
  5. Muchas gracias Alejandro, voy a probar con flikr.
    Saludos

    ResponderSuprimir
  6. Otra vez muchas gracias, lo he hecho desde flickr y ya está publicado.
    Saludos

    ResponderSuprimir
  7. gracias man.... me ayudó mucho...

    ResponderSuprimir
  8. Gracias por la publicación! La usaré en mis proximos articulos.

    ResponderSuprimir
  9. Hola!
    Lo estoy probando y si copio el codigo de Enlazar este Albun, solo me enlaza una foto...yo quiero publicar en el Blog todas... ¿que estoy haciendo mal!? :)
    Muchas gracias por la informacion!
    Laura

    ResponderSuprimir
  10. Laura, en tu caso, en el blog sólo se ve una imagen del álbum, pero al hacer clic en ella, te lleva al álbum original en tu cuenta de Picasa. Si quieres insertar todo el álbum tienes que incrustar proyección de diapositivas

    ResponderSuprimir
  11. EXELENTE!! me re sirvio gracias..!

    ResponderSuprimir
  12. Profesor Valero, un afectuoso saludo desde Venezuela. Esty intentando progresar en esto de los blogs, me parece fascinante. Realmente estoy impresionado de sus conocimientos,le felicito.Quiero pedirle, si es posible, publique o me envíe una tabla HTML donde pueda insertar filas de 3 imagenes horizontales en mi blogger.Estuve intentando pero fracasé..agradecido de antemano.(Fernando Boudewyn)

    ResponderSuprimir
  13. Se supone que esa funcionalidad se encuentre debajo de la opción "compartir con"... peor a mi no me sale... hay que habilitar algo?

    ResponderSuprimir
  14. Existen algunos otros skins o apariencias para esa proyección de diapositivas?..

    ResponderSuprimir
  15. Fernando, en mi artículo Insertar tablas en el blog explico cómo puedes hacer lo que pides.

    ResponderSuprimir
  16. Daniel, en la sexta imagen de este artículo se ve que hay que hacer clic en el enlace "Enlazar a este álbum", y después de abre una sección con las opciones.

    Por otro lado, no veo que haya posibilidad de cambiar el diseño o "skin".

    ResponderSuprimir
  17. Hola!
    Hay alguna manera que los fans de un blog reciban un correo automaticamente cada vez que se crea un post?
    gracias de antemano!
    Laura

    ResponderSuprimir
  18. Laura, aunque ahora se usan más las suscripciones vía RSS, es verdad que las suscripciones por email pueden tener sus ventajas. En esta búsqueda de Google tienes varios posts que te ayudarán a hacer lo que quieres. Todos explican que hay que hacerlo desde la página de FeedBurner.

    ResponderSuprimir
  19. Yo tengo un problema, cuando hago lo que decís...incrustar proyección de diapositivas...se me abre el menú....pero la vista previa de la derecha me sale en blanco ?¿?¿?¿ lógicamente al copiar la dirección en mi blog la presentación está en blanco...¿alguien sabe porque?..

    ResponderSuprimir
  20. Hola, profesor Valero. Tengo dificultades con las diapositivas en mi blog. He copiado el código de mi album en Picasa y lo he pegado en Edición de HTML y lo he guardado, sin embargo cuando observo las diapositivas aparecen proyectadas en el lado izquierdo de la ventana, reducidas, en sentido vertical y el resto del cuadro aparece negro. Le agradezco su ayuda...

    ResponderSuprimir
  21. Se nota que somos novatos. Yo he tenido el mismo funcionamiento que el amigo Libelula
    ¿Que hemos hecho mal? ¿Cuál es, por favor, la solucion? Muchas gracias por anticipado

    ResponderSuprimir
  22. No sé a qué puede ser debido ese fallo. Se me ocurre pensar que quizá no hayáis copiado todo el código HTML: fijaos que el código empiece y termine por la etiqueta "embed".

    ResponderSuprimir
  23. ¿Cómo puedo hacer lo mismo con wordpress.com?

    ResponderSuprimir
  24. Este post te servirá para insertar un álbum de Picasa en Wordpress.com.

    ResponderSuprimir
  25. Buenas, muchas gracias por las maravillosas explicaciones.
    En mi caso estoy intentando colgar en mi blog de blogger un album de fotos que tengo en mi album web de Picasa pero cuando me voy al album no me aparece por ningún lado "enlazar a este album".
    ¿Alguna idea de la razón?
    Muchas gracias por su tiempo

    ResponderSuprimir
  26. Si entras en un álbum, en la parte donde se ven todas las imágenes, ahí a la derecha tienes ese enlace. Si no lo ves, no sé por qué puede ser.

    ResponderSuprimir
  27. Hola , he descubierto tu blog y me enanta y te agradezco la generosidad de compartir.
    Yo tengo una inquietud: en mi blog ofrezco algunas revistas , especialmente con moldes para ropita de perros y he puesto que quien la desee me la solicite. Pero es tanta la gente que lo hace que quisiera saber como poner en la misma entrada ... que la pueden descargar directamente de mi picasa. Espero haberme expresado...
    He estado leyendo y no se si voy encaminada con una de las respuestas y el código htlm. Lo voy a probar .
    Gracias de antemano y buen fin de semana.

    ResponderSuprimir
  28. Hola Alejandro, me estoy iniciando en esto de los blogs. He creado un blog en el cual he metido bastantes fotografías. en las primeras entradas pinchaba sobre las imágenes y se hacían bastante grandes, pero ahora, en las entradas más recientes, al hacer lo mismo, las imágenes se quedan mucho más pequeñas. Agradecería si pudieras aclararme a que se debe este cambio y si es posible solucionarlo. Mi blog es pasionenladistancia.blogspot.com. Muchas gracias de antemano.

    ResponderSuprimir
  29. Santiago, estoy viendo tu blog, y cuando pincho en las imágenes se abren en otra ventana al tamaño original, es decir, bastante más grandes. Esta es una característica de los blogs de Blogger y no entiendo por qué tú no ves lo mismo. Prueba en otro navegador y en otro ordenador y verás que funciona bien.

    ResponderSuprimir
  30. Maestro...yo he creado dos albumes en picasa, el primero que hice se ve perfecto, igual tardo unos dias en aparecer, ahora el segundo no hay caso...sigo esperando??puse una presentacion, con nombre de usuario, album y todo...y no aparece,
    espero un comentario!!!

    ResponderSuprimir
  31. Si no aparece la segunda presentación es que no habrás incluido todo el código necesario. Vuelve a intentarlo desde cero.

    ResponderSuprimir
  32. André EspinosaJul 21, 2011 02:05 PM

    Hola, porque cuando hago clic en la presentación que inserte en mi blog se abre la pagina del álbum en picasa y porque el suyo no?

    Ayúdeme, no quiero que se abra otra ventana con mi álbum en picasa.
    Y porque cuando cierro mi sesión en google mi álbum no sale?

    ResponderSuprimir
  33. Andrés, normalmente al hacer clic en el reproductor de diapositivas se abre la página de Picasa donde está el álbum. Eso no nos gusta, pero es así, y habrá que aguantarse. A los álbumes de Flickr no les pasa eso y tienen un mejor reproductor que el de Picasa, como muestro en esta entrada de mi blog.

    Lo que pasa en el reproductor de mis fotos de Ávila es muy raro, porque Blogger erróneamente le quita una etiqueta del código, y por eso no salta la página del aĺbum cuando se hace clic en el reproductor.

    Por otro lado, si no ves tu álbum cuando cierras la sesión es porque ese álbum no es público. Edita la información del álbum en el lateral de la página de ese álbum y hazlo público.

    ResponderSuprimir
  34. Cristian CastilloJul 22, 2011 01:24 PM

    Como hago para que cuando haga clic en el cuadro no se abra una nueva ventana mostrándome el álbum de Picasa.

    Lo pregunto por que en sus imágenes no se abre una nueva ventana al hacer clic en el reproductor de las imágenes para comenzar a ver las fotos... Ayuda por favor

    ResponderSuprimir
  35. Cristian, eso lo contesto en mi comentario anterior.

    ResponderSuprimir
  36. buenas tardes requiero de una ayuda ya que he intentado pegar el codigo fuente HTML en mi blog pero no presenta lo que quiero, es decir no me proyecta las imagenes en diapositivas, solo me sale error .. me gustaria saber en que parte exactamente del editor del HTML debo pegar el codigo.. por favor

    ResponderSuprimir
  37. El código HTML hay que insertarlo en la sección Edición HTML del editor de Blogger, a la que se accede haciendo clic en la pestaña que está en la parte superior derecha del editor, y allí aparece el código fuente del texto de la entrada.

    ResponderSuprimir
  38. Primero gracias por las explicaciones ya que entre este post y el de flickr he podido hacer lo que quería, que era darle formato a mi página de galerías. He publicado el enlace a los albumes de picasa y se ve mucho mejor que como estaba antes!
    Ahora mi problema es, que al poner cada album, las imagenes de muestra se van poniendo una tras otra sin posibilidad de moverlas de sitio, asi que me ha quedado una larga lista vertical que no logro acomodar de un modo mas estético.
    No entiendo mucho de esto, pero por lo que veo en el código y lo que veo en internet, es una tabla, pero es una tabla de una celda, una columna y una fila... cómo puedo hacer para modificar esa tabla y que mis vínculos de álbumes me queden de tres columnas o mas?

    ResponderSuprimir
  39. Bellalice, en este artículo de mi blog se da respuesta a tu pregunta: Insertar tablas en el blog.

    ResponderSuprimir
  40. Hoy he intentado incrustar un archivo de fotos y he visto que ha cambiado por completo el programa de Picasa.

    Alguien sabe como se puede incrustar proyecciones de diapositivas, con la nueva versión.

    ResponderSuprimir
  41. es un programa demaciado bueno ahora con la nueva version es mucho mas comoda incorporarla dentro wordpress lo que antes era un poco mas complicado,

    Excelente galeria y totalmente recomendada.

    ResponderSuprimir
  42. gracias tío vale la pena este blog

    ResponderSuprimir
  43. Hola, yo he intentado hacer lo que se explica de incrustar proyección de diapositivas, pero cuando pego el enlace en el blog me da error de la HTML.....no se como debo hacerlo para que vaya bien, alguna respuesta??

    Gracias!

    ResponderSuprimir
  44. Como creo una direccion de html, es que no puedo. gracias!

    ResponderSuprimir
  45. Alejandro buenos dias, mira el album me gustaria que quedara en el lateral y que fueran pasando las fotos, no quiero crear una entrada de un album, seria com o crear un gadgets (se llama no?), con la edicion en html seria suficiente?

    ResponderSuprimir
    Respuestas
    1. Sí, con el gadget de HTML puedes incluir el código en el lateral.

      Suprimir
  46. Gracias, despues de mucho buscar he logrado colocar mi album de tartas decoradas en mi blog...señoras tartas...!!!..una explicación muy clara y sencilla...muchas gracias por tu ayuda....

    ResponderSuprimir
  47. Hola Alejandro,

    tengo una duda, ¿existe la posibilidad de hacer que esas diapositivas estén activas de forma permanente?

    Muchas gracias, un saludo.

    ResponderSuprimir
  48. Hola tengo una pregunta, ¿sabes cómo colocar en el blog un calendario en el que se pueda ver qué evento hay cada día pinchando sobre el número?

    Un saludo y gracias por su dedicación.

    ResponderSuprimir
  49. ¿Existe un código o función para que se reproduzca automáticamente y aparte de eso re reproduzca continuamente sin detenerse? porque ya he intentado de todo para que mi álbum lo haga así, y si me meto a los gadget en presentación tampoco lo quiere aceptar... así que ya no se a que mas moverle... si tu sabes te agradecería la ayuda :)

    ResponderSuprimir
  50. tengo dos álbumes web en picasa, quiero poner una presentación de uno de ellos en mi blog, elijo el gadget presentación de blogger, pero no me sale ningún sitio donde pueda poner el html, o lo que sea, no entiendo mucho. me sale para poner nombre de usuario, y cuando lo pongo sale el álbum que no quiero poner, ayúdame por favor

    ResponderSuprimir
    Respuestas
    1. Enel gadget Presentación 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. Lo explico el final de este artículo, que he actualizado con la información que me has dado, gracias.

      Suprimir
  51. Hola, se pueden poner fotos en Blogger desde Picasa pero que sean totalmente privadas? qué solo puedan verlas a quienes se autorize a leer el blog? O siempre serán públicas en Picasa? Gracias

    ResponderSuprimir