domingo, 8 de abril de 2012

Publicar presentación de Flickr en Blogger: ejemplificación.

Se trata de realizar un ejemplo de como se publica una presentación de Flickr en Blogger.

  • Si no estás autentificado en Flickr debes hacer clic en el enlace Iniciar sesión e introduce tus credenciales Yahoo!.
  • En la barra de menús de Flickr selecciona Tú > Tus álbumes.
  • A continuación haz clic sobre el álbum a publicar.
  • Una vez dentro del álbum observa que existe un botón con el título Presentación. Si se hace clic en este enlace se mostrará una presentación con la secuencia de fotografías que forman parte del álbum.



  • Durante la visualización de la presentación haz clic en el enlace Compartir situado en la esquina superior derecha de la presentación. Esta acción mostrará el cuadro Compartir esta presentación.



Existen dos formas de integrar una presentación de fotos de Flickr en una página de tu blog:
Opción I: Dirección URL: insertar en el artículo un enlace a la URL de la presentación.
Opción II Visor de Flash: insertar en el artículo el visor de Flash que ofrece el propio servicio Flickr.

Vamos a utilizar ambos métodos a modo de ejemplo.

Opción I: Dirección URL: insertar en el artículo un enlace a la URL de la presentación.

  • Para seleccionar la dirección URL haz clic en el botón Copiar en el portapapeles y la pegas directamente en tu blog o como enlace a Flickr.


Opción II: Visor de Flash: insertar en el artículo el visor de Flash que ofrece el propio servicio Flickr.

<object width="400" height="300"> <param name="flashvars" value="offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fluanco%2Fsets%2F72157629411183976%2Fshow%2F&page_show_back_url=%2Fphotos%2Fluanco%2Fsets%2F72157629411183976%2F&set_id=72157629411183976&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=109615"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=109615" allowFullScreen="true" flashvars="offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fluanco%2Fsets%2F72157629411183976%2Fshow%2F&page_show_back_url=%2Fphotos%2Fluanco%2Fsets%2F72157629411183976%2F&set_id=72157629411183976&jump_to=" width="400" height="300"></embed></object>

clic para agrandar la imagen

  • En el cuadro de texto, selecciona el código HTML y haz clic con el botón derecho del ratón para copiar al portapapeles. Recuerda que este código inserta el visor Flash que muestra la presentación de fotografías dentro del artículo de este blog.
  • Si haces clic en el enlace Personalizar este código HTML se accede a la página mostrada en la imagen, donde es posible elegir el tamaño del visor (pequeño, medio, grande, etc) y en función de la elección se ofrecerá el código HTML a copiar.
  • Una vez en la edición de la entrada en tu blog, haz clic en el botón HMTL para acceder al código del artículo. Clic derecho al final del artículo y elige Pegar para pegar el código HTML copiado.


      Este es el resultado: Ejemplo de como se publica una presentación de Flickr en Blogger. (tamaño pequeño 400x300)




      Este es el resultado: Ejemplo de como se publica una presentación de Flickr en Blogger. (tamaño medio 500x375)




    Este es el resultado: Ejemplo de como se publica una presentación de Flickr en Blogger. (tamaño grande 700x725)


    Este enlace nos proporciona un recorrido virtual a través de Google Maps.



    Jose Ángel Laredo



    No hay comentarios:

    Publicar un comentario

    Puedes dejar aquí tus comentarios