tutoriais category image
Fotos do Flickr no Blog
Tuesday 29/08/2006 às 15:16 | Arquivado em: ,

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".

Posts Relacionados




30 Comentários em “Fotos do Flickr no Blog”



Vandré Paulo 01-02-2011 | 16:58 Responder

Muito bom esse tutorial, bem explicado e me serviu como uma luva! Muito obrigado. :P

Lenna 14-05-2011 | 01:18 Responder

Olá, amei o tutorial. Tem como fazer isso com o PICASA? no blogspot, até tem a opção de colocar as ultimas atualizações do picasa, mais não tem como configurar para deixar as imagens com BORDAS. Enfim não fica igual ao seu tutorial. 27

Beijos

Tamara 14-05-2011 | 12:50 Responder

O tutorial só funciona com o flickr.

Felipe Alves 11-08-2011 | 09:57 Responder

Ótimo tutorial, simples e objetivo,
me ajudou bastante

Pâmela Iguera 22-08-2011 | 09:50 Responder

Me ajudou, MUITO, obrigada s2 28

Débora 18-03-2012 | 15:21 Responder

Como faço pra colocar mais de uma foto por linha? Queria colocar 3 fotos na vertical pra ficar alinhado com os outros gadgets do meu blog.
Beijinhos

Tamara 19-03-2012 | 07:37 Responder

Tem que ver se as miniaturas cabem na sua barra lateral. Você pode tentar diminuir um pouquinho o valor das margens no CSS, aí deve caber as 3 por linha que você quer.

Débora 18-03-2012 | 15:22 Responder

Na horizontal* desculpe

Katiele 02-05-2012 | 14:25 Responder

Oi, onde é mais adequado pra mim colocar o CSS? 12

Tamara 02-05-2012 | 17:25 Responder

Dentro do CSS pode ser em qualquer lugar.




Comentar


Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas e divulgações não serão aprovados. Obrigada.





38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 21 20 19 18 17 16 15 14 13 12 11 10 9 8 6 5 4 3 2 1