Web Dois Ponto Zero: Flickr - Partilhe o seu álbum de fotografias

Flickr - Partilhe o seu álbum de fotografias

Um dos sites com maior sucesso neste mundo da web 2.0, da partilha, das comunidades sociais, do trabalho cooperativo, da imagem e dos telemóveis, é o Flickr.
Ele permite o envio das suas fotos (divididas em álbuns/temas) e a partilha, por grupos privados ou a todo o mundo, das suas imagens.
Só tem de ir a Flickr, registar-se e fazer o upload das suas fotos.
Depois tem inúmeras hipóteses de partilhá-las.
Falarei apenas no widget que pode colocar no seu site/blog e de um slideshow que pode construir para colocar também online.
Para exemplificar, e como sou professor de electrónica e electrotecnia, usarei algumas fotos de um trabalho que os meus alunos desenvolveram ao longo deste último período escolar:

www.flickr.com

Esse é um módulo do Flickr que mostra itens de um álbum chamado ITED. Faça seu próprio módulo aqui.

Para fazer este widget, depois de ter criado o seu álbum, tem de ir aqui, registar o seu blog ou site, seguir os passos, recolher o código e postá-lo no seu site/blog.
O resultado é o que apresentamos acima.
Para criar um slideshow, é mais complicado, porque o Flickr ainda não o permite (está na calha, segundo informam), mas há sempre uns maduros que não têm paciência para esperar.
Então vá a este blog, preencha o campo indicado com o seu User ID. Se não o souber, eles dão uma ajuda: basta digitar a página do seu álbum, que pode criar no Flickr, e eles dão imediatamente o seu User ID.
Depois é só embeber o seguinte código no vosso blog/site, tendo o cuidado de substituir o User Id pelo vosso:


<style type="text/css"><!--
.dtop,.dbottom{display:block;background-color:#ffffff /* change the color of the corners here */}
.dtop b,.dbottom b{display:block;height:1px;overflow:hidden;background:#000}
.d1{margin:0 5px}.d2{margin:0 3px}.d3{margin:0 2px}.dtop .d4,.dbottom b.d4{margin:0 1px;height:2px}
--></style>
<div style="text-align:center"><div style="background:#000;width:550px">
<b class="dtop"><b class="d1"></b><b class="d2"></b><b class="d3"></b><b class="d4"></b></b>
<iframe style="margin-top:10px" src=http://www.flickr.com/slideShow/index.gne?user_id=28022181@N04 frameBorder=0 width=400 height=400 scrolling=no></iframe><br />
<a style="font-size:10px;text-decoration:none;color:#555" href="http://blogger-templates.blogspot.com/2005/09/flash-slideshow.html">Flash Slideshow</a>
<b class="dbottom"><b class="d4"></b><b class="d3"></b><b class="d2"></b><b class="d1"></b></b>
</div></div>

et voilá... é gerado o código que pode embeber no seu site/blog.
O resultado é o que apresentamos abaixo.
OK, é bué de grande para o meu blog (pelo menos enquanto eu não modificar o template) e eles não nos dão hipótese de diminuir o tamanho ... buááááá!!!
Mas pode ser que fique bem no vosso site/blog.
Também posso pô-lo noutro sitío do blog, como por exemplo no footer.