Manual para incrustar galerias públicas picasa en guadalinfo.es

1. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
Guía para incrustar galerías de picasa públicas en Guadalinfo.es
Francisco Javier Gallego Orellana
Ed.1 V.1.1 Año 2009

2. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
A tener en cuenta::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
A quien va dirigido: Dinamizadoras/es Locales Centros Guadalinfo.
Ámbito de uso: Personal y profesional.
Qué se explica: Como insertar galerías Picasa no propias en cualquier web.
Curva de aprendizaje nivel: Medio.
Nivel de conocimientos previos del software: No necesarios.
En este manual se asume que:
- Quien lee, dispone de cuenta de usuario en google (http://gmail.com)
- Quien lee, dispone de acceso de usuario en picasa (http://picasa.google.com)
Aunque ambas opciones no son necesarias. :)
Quien debería leerlo: Cualquier persona interesada
Tiempo de aprendizaje: aproximadamente 15 minutos.
Medios necesarios: Conexión a internet, editor de texto plano (gedit)
Tipo de Licencia: Creative Commons 3.0

3. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
3, 2, 1, Comenzamos!::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Este manual asume, que el usuario sabe dónde, cómo y qué pasos hay que seguir para
dar de alta una galería de imágenes picasa en Guadalinfo.es, en el caso de que no se
tenga un conocimiento previo se recomienda ver con anterioridad el manual de usuario
disponible aquí.
Esta guía muestra de forma gráfica y paso a paso cómo se puede insertar cualquier
galería, que esté en modo público, de Picasa Web, en Guadalinfo.es.
Los medios que emplearemos serán:
- Navegador
- Editor de texto plano (aunque cualquier procesador de textos sirve)
1. Accediendo a guadalinfo.es::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Accedemos con nuestro nombre de usuario y clave (es obvio :) )

4. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
2. Accediendo a Picasa::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Una vez abierta la web, en una nueva pestaña, abriremos picasa web
(http://picasaweb.google.com/lh/featured?feat=featured_all#).
Pantalla de búsqueda de galerías

5. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
Buscaremos la galería que más nos interese, y que esté para vista pública, una vez
realizada la selección, obtendremos la siguiente pantalla.
En el lateral derecho veremos el usuario autor, pincharemos sobre su nombre (Marcado en rojo).

6. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
Cuando pinchamos sobre el nombre de usuario, nos mostrará una pantalla con todas las
galerías públicas expuestas por el autor, elegiremos la que más nos guste.
Accederemos a la galería
3. Comienza lo bueno::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Como todos sabemos, debemos de copiar un código para que este incruste la galería en
Guadalinfo.es, lo mejor es que, el código que demos de incrustar y que proporciona
picasa cuando somos los dueños de la galería, es que es "STANDARD", por lo que
haciendo una serie de modificaciones, incrustaremos dicha galería en la web.
El código en cuestión es el siguiente:
<table style="width:194px;"><tr><td align="center"
style="height:194px;background:url(http://picasaweb.google.com/s/c/transparent_album_
background.gif) no-repeat left"><a href="Referencia de la
galería?feat=embedwebsite"><img src="Imagen de portada del album" width="160"
height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-
align:center;font-family:arial,sans-serif;font-size:11px"><a href="Referencia de la
galería?feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-
decoration:none;">Título de la ventana</a></td></tr></table>
Explicamos los nombres marcados en rojo de la ventana superior:
● Referencia de la galería: Es la dirección web en la cual está la galería, por ejemplo:
http://picasaweb.google.com/usuario/Nombre de la Galería
● Imagen de portada del album: Es la imagen que aparece como portada del album

7. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
en guadalinfo.es
● Título de la ventana ó galería: Es el nombre con el que queramos llamar a la
galería enlazada en guadalinfo.es
UNA VEZ REALIZADOS LOS CAMBIOS QUE CONSIDEREMOS EN EL CÓDIGO,
INCRUSTAREMOS CUALQUIER GALERÍA, PÚBLICA DE PICASA EN
GUADALINFO.ES.
EJEMPLO PRÁCTICO VISUAL:
Antes de comenzar deberemos tener el código anterior ya creado en un archivo en
blanco en el escritorio, o el cualquier lugar del sistema que esté a buen recaudo.
Como se entiende que no todos los usuarios trabajan con texto plano, en este
paquete se adjunta el fichero "Código Picasa para Guadalinfo.txt", en el cual tan
solo habrá que cambiar lo que está en mayúscula.
Una vez echo los pasos anteriores para encontrar la galería, copiamos la url que
nos muestra en el navegador (recordad que la url se obtiene cuando accedemos a
la galería, para verla on-line).
Cuando copiemos la dirección, no incluiremos la almoadilla ("#")
Con la dirección copiada, abrimos un editor de texto plano (gedit), o writer, aunque
recomiendo trabajar mejor con gedit.
Abrimos el fichero "Código picasa para guadalinfo.txt" y lo editamos, como se ha
explicado anteriormente, cambiando lo que está en mayúscula.
Es decir:
Código por editar, cambiamos lo que está en rojo
<table style="width:194px;"><tr><td align="center"
style="height:194px;background:url(http://picasaweb.google.com/s/c/transparent_album_
background.gif) no-repeat left"><a href="Referencia de la
galería?feat=embedwebsite"><img src="Imagen de portada del album" width="160"
height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-
align:center;font-family:arial,sans-serif;font-size:11px"><a href="Referencia de la
galería?feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-
decoration:none;">Título de la ventana</a></td></tr></table>
Código editado
<table style="width:194px;"><tr><td align="center"
style="height:194px;background:url(http://picasaweb.google.com/s/c/transparent_album_
background.gif) no-repeat left"><a
href="http://picasaweb.google.com/miroshnichenko.dmitriy/AutumnTintsCaveSettlementB
akla?feat=embedwebsite"><img
src="http://lh3.ggpht.com/_PQS54xW5ZZ8/StjVkap5xUI/AAAAAAAAA7I/RVs9PwSs-
BA/s512/Velho%20moinho1.JPG" width="160" height="160" style="margin:1px 0 0
4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-
size:11px"><a
href="http://picasaweb.google.com/miroshnichenko.dmitriy/AutumnTintsCaveSettlementB
akla?feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-
decoration:none;">Galería de prueba</a></td></tr></table>

8. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
Obsérvese las diferencias
Una vez realizados los cambios vamos a dar de alta la galería:
Pantalla para alta de galerías Picasa
Rellenamos los datos, y en código Picasa, pegamos el código que hemos editado con gedit.
Mensaje de alta correcta de galería, pulsamos sobre Gestión de galerías picasa (a la derecha)
Accederemos a todas las galerías dadas de alta en nuestra sección. Como se puede observar, vemos que
tenemos la nueva galería.

9. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
Comprobamos de que funciona, haciendo click sobre la imágen de la galería.
Si todo sale bien, ACCEDERÁ A LA GALERÍA QUE HEMOS BUSCADO ANTERIORMENTE.

10. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
4. Portada del álbum::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Para poder poner una imágen en la portada del álbum, habrá que realizar estos sencillos
pasos:
1. Buscámos la imagen que queremos poner como portada.
2. Pinchamos sobre la misma con el botón derecho del ráton y elegimos "Ver Imagen"
3. Copiamos la URL de la imágen
4. En el fichero de texto "Código picasa para guadalinfo", buscamos la siguiente línea
<img src="ESCRIBE LA URL DE LA IMÁGEN" width="160" height="160"
style="margin:1px 0 0 4px;"></a>
5. Sustituimos "ESCRIBE LA URL DE LA IMÁGEN", por la url que hemos copiado en
el paso 3. Ej:
<img src="http://lh3.ggpht.com/_PQS54xW5ZZ8/StjVkap5xUI/AAAAAAAAA7I/RVs9PwSs-
BA/s512/Velho%20moinho1.JPG" width="160" height="160" style="margin:1px 0 0
4px;"></a>
Una vez realizados estos cambios procedemos al alta del álbum.
FIN ;)

11. Manual para incrustar galerías Públicas Picasa en Guadalinfo.es
Feedbacks, dudas, sugerencias, fé de erratas:::::::::::::::::::::::::::::::::::::::::::::::::::::::
Gracias por leer este tutorial, espero que la comprensión del mismo haya sido de tu
agrado y gusto, y que te sea útil para ponerlo en marcha :).
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Feedbacks, dudas, sugerencias
Si te ha gustado este tutorial, o tienes alguna duda, o caso de éxito o no, o si detectas que
algo está mal, si quieres, puedes enviarme un feedback (mensaje de respuesta), en los
siguientes medios:
AMSN: frangallego82@msn.com
CORREO JUNTA: guadalinfo.montejaque@andaluciajunta.es
Facebook: http://es-es.facebook.com/people/Javier-Gallego/1163888414
Twitter: http://twitter.com/javiergallego
Guadaltwitter: guadalinfo.montejaque
Skype: frangallego82
Gmail: jvigallego@gmail.com / guadalinfomontejaque.centro@gmail.com
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Fe de erratas
SI ALGO ESTUVIERE MAL, POR FAVOR CONTACTA CON MIGO,
PARA CORREGIRLO.