Hoje teremos o nosso primeiro tutorial sobre como colocar fotos do Flickr no blog igual as que aparecem de baixo dos tweets. O procedimento é fácil, caso haja dúvida deixe a nos comentários ou entre em contato.
01. Adicione o código a seguir onde você quer que as imagens apareçam:
<div class=”flickr”><script type=”text/javascript”
src=”http://www.flickr.com/badge_code_v2.gne?count=5&display=latest&size=s&layout=
h&source=user&user=0000000000000″></script></div>
count=5 determina o número de fotos a serem mostradas.
display=latest determina que as últimas fotos serão mostradas. se quiser pode alterar para “random” e mostrar as fotos aleatórias
size=s determina o tamanho, você também pode usar t ou m
layout=h posição das fotos h para horizontal, v para vertical e x para nenhuma posição
user=0000000000000 altere o “0000000000000” pela sua ID do flickr
02. Para configurar o CSS use:
.flickr a img{
margin: 5px;
padding: 7px;
background-color: #fff;
border: 1px solid #000;
}
Modifique como quiser.
Obs. Para saber qual a sua ID do Flickr, acesse: http://idgettr.com, adicione o endereço do seu flickr e clique em “find”.
Tutorial por Tamara
