Como poner una galería de fotos de Flickr en tu blog
08-10-2005
Categoría: Flickr
Vía esta entrada de un foro de Flickr y gracias a un usuario llamado Striatic, descubro la forma de poner de forma sencilla una galería de fotos de Flickr en vuestro blog. Yo he hecho una de 4 por 4 pero se pueden hacer del número que queráis por ejemplo una línea horizontal en la cabecera como en este blog. Lo que véis arriba es una captura de imagen porque no quiero instalarlo en el blog, la he hecho despues de probarlo y os aseguro que funciona a la perfección, al pinchar cada foto os lleva a su página en Flickr.
El código para esta galería es el siguiente:
Entre las etiquetas head de vuestra plantilla tenéis que poner:
<style type="text/css">
.flickrimg { margin-bottom: 10px; }
#flickrimg1 { margin-right: 10px; }
#flickrimg2 { margin-right: 10px; }
#flickrimg3 { margin-right: 10px; }
#flickrimg5 { margin-right: 10px; }
#flickrimg6 { margin-right: 10px; }
#flickrimg7 { margin-right: 10px; }
#flickrimg9 { margin-right: 10px; }
#flickrimg10 { margin-right: 10px; }
#flickrimg11 { margin-right: 10px; }
#flickrimg13 { margin-right: 10px; }
#flickrimg14 { margin-right: 10px; }
#flickrimg15 { margin-right: 10px; }
</style>
La primera variable con el punto (flickrimg.) establece el márgen inferior para todas las fotos. Y el resto de las fotos tienen su márgen derecho, es decir, las fotos 1,2 y 3 tienen su márgen a la derecha (la 4 no lo necesita porque es la última de la fila) , de nuevo la 5, 6 y 7 , etc. Así podéis hacer el conjunto que queráis.
Por ejemplo para una de 3 por 3 sería:
<style type="text/css">
.flickrimg { margin-bottom: 10px; }
#flickrimg1 { margin-right: 10px; }
#flickrimg2 { margin-right: 10px; }
#flickrimg4 { margin-right: 10px; }
#flickrimg5 { margin-right: 10px; }
#flickrimg7 { margin-right: 10px; }
#flickrimg8 { margin-right: 10px; }
</style>
Luego, donde queréis que aparezcan las fotos de Flickr ponéis:
<div style="width: 344px;">
<script type="text/javascript"
src="http://www.flickr.com/badge_code.gne?nsid=
38901813@N00&count=16&display=latest&name=0&
size=square&raw=1">
</script>
</div>
En el nsid=389....@NOO, tenéis que colocar vuestro id en Flickr, lo podéis obtener por ejemplo viendo la ruta de vuestro icono en Flickr, os aparecerá en su url vuestro id. Lo he cortado porque no cabe en una línea pero mejor ir a el enlace para ver los códigos . El parámetro width si queréis que tenga otro número de columnas tenéis que cambiarlo.
Creo que no está mal el invento, una chapucilla para tener un álbum de fotos en vuestro blog de forma sencilla. Con ese código aparecen las últimas fotos subidas a Flickr , supongo que no será muy difícil poner una tag concreta.
Vía | Digg
Por Blogum | Comentarios (10) |
Referencias (1) | Añadir a: 
Del.icio.us | 
Menéame | My Web | Blinklist
Del.icio.us | Menéame | My Web | Blinklist
|
Diseñado con plantilla de 
Prefiero un cms de fotos como zenphoto ;)
A mi me encanta Zenfoto y muchas otras que he visto pero siempre se te olvida que en los blogs gratuitos como bitacoras.com o blogger no se pueden instalar esas cosas y nos tenemos que apañar con lo que hay, y además somos mayoría, o sea que un respeto ehhhhh :)
De todas formas sirve también para poner un conjunto de fotos que no sea la simple columna que te da Flickr, puedes hacer de 2 columnas o de las disposiciones que quieras dependiendo de tu menu.
Yo lo instale el mio hace apenas un par de dias, y me gusta, uno puede agregar varias fotos y es algo bonito que luce en el blog... : ) Yo uso blogger y funciona bien. Ellos mismos le dan a uno el codigo para instalarlo en el template. Saludos...
Isabel conozco los badges oficiales de Flickr, pero esto es otra cosa, pero mejor olvidalo, no se para que me molesto :)
Que pena, la tengo en el borrador desde anoche para Genbeta!!
Siempre te adelantas!! :D:D:D
hola, tengo un blog desde hace poco y me gustaria colgar links a mis albumnes de fotos de flickr. ya los he hecho y me funcionan perfectamente, pero al entrar al link le da a cualquier usuario acceso a mi cuenta flickr y no se como eliminar eso. me podeis ayudar?
Claro Flickr es una aplicación social para que cualquiera pueda comentar tus fotos, si las pones en tu blog o si estan en flickr, salvo que las hagas privadas en las opciones (sólo podrás verlas tu y si eso tus contactos y familiares) sino las haces privadas las puede ver cualquiera, es lógico, pero si no quieres que las vea cualquiera no las pongas en tu blog, no lo entiendo
yo lo instalé y me va relativamente bien. pero tengo un problema. va bien en la página principal del blog, pero cuando entro a la página de alguna entrada entonces se me desconfigura todo... creo que en algún lado estoy metiendo la pata con mi plantilla porque esto me pasa bastante, en la página principal se ve todo bien, pero en las otras o no se ve o sale mal. ayuda! gracias!
Depende de donde lo tengas instalado, si lo tienes en bitacoras.com tienes que poner el codigo en el index y en el comentarios.bit para que te aparezca en una anotacion, pero se supone que es una galeria fija para poner en la página principal, aunque en bitacoras.com poniendolo en el archivo comentarios.bit (el de las anotaciones concretas) funciona porque lo probé para este blog, pero si es en blogger ya no se decirte porque no he probado a editar sus plantillas.