Tutoriais  29/08/2006 

Fotos do Flickr no Blog

Embora seja uma coisa simples, já me perguntaram muitas vezes como colocar as últimas fotos do Flickr para aparecerem no seu perfil.

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&amp;display=latest&amp;size=s&amp;layout=h&amp;source=user&amp;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".


Leia Também

Deixe seu comentário

24/08/2013 ・ 15:00

Olá flor, adorei o tutorial, deu tudo certo! Mas gostaria de saber se tem como ensinar a colocar essa bordinha de polaroid, como na sua galeria aqui!

Beijos e muito obrigada!

03/10/2013 ・ 16:39

Q fofura seu blog. o tuto ajudou muito. venha me visitar ficarei mto feliz… bjus