Acabo de añadir una pequeña galería de fotos en lo alto del Brand New Blog, en la que salen las últimas seis fotografías que haya subido a Flickr, y que sólo aparece en la página principal (por aquello de no molestar). Lo he hecho porque tras descubrir el Uploadr le he cogido gustito a subir fotos, y así las comparto con todos vosotros, amiguitos. La inmensa mayoría están bajo licencia Creative Commons y podéis usarlas como bien queráis.

Para añadir una galería exactamente igual a ésta a vuestro blog o página, obviamente necesitaréis una cuenta en Flickr. Si no la tenéis ya, os recomiendo encarecidamente que os hagáis una, es cojonudo para compartir fotos y hay versión gratuita. Si no se tiene, hay que hacerse un id de Yahoo, pero hacerlo está incluido dentro del proceso de registro en Flickr, así que no cuesta nada.

Una vez hecho esto, tenéis que añadir en vuestra hoja de estilos lo siguiente:

.flickrimg { margin: 0 10px 20px 0;}

#ThumbsFlickr a { opacity: .8;}

#ThumbsFlickr a:hover { opacity: 1;}

O si no usáis hojas de estilo, en el head de la página, entre <style type="text/css"> y </style>. El opacity lo uso para hacer los cambios de opacidad al poner el ratón encima, pero si no os interesa, os podéis cargar las dos últimas líneas.

Después, en el lugar donde queráis que salga la galería, añadid:

<div id="ThumbsFlickr">

<script type="text/javascript" 

src="http://www.flickr.com/badge_code.gne?nsid=12205799@N00

&count=6&display=latest&name=0&size=square&raw=1">

</script>

</div>

La segunda, tercera y cuarta línea realmente hay que escribirla en una sola, pero lo he separado porque si no no me cabe. Los números que he subrayado los tenéis que cambiar por los de vuestra cuenta Flickr, porque si no saldrían mis fotos. Para encontrar ese código, lo mejor es mirar la ubicación de vuestro avatar en Flickr.

Se muestran las últimas fotografías públicas que hayáis subido, pero trasteando supongo que se podrá hacer que muestre sólo las de determinadas etiquetas, o en otros órdenes. Además, cambiando lo de count=6 por otras cantidades, podéis poner más o menos fotos.

Este método lo he sacado de ñblog. Si queréis más información, dirigíos ahí. Si se os ocurre alguna manera de mejorarlo, por favor dejad un comentario.

• Tutorial en ñblog
• gottwins.com, de ahí saqué lo del opacity.