Tutorial: Fotos do Flickr no Blog

segunda-feira, julho 25, 2011

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

Leia Também

0 comentários

Os comentários desse blog são moderados, portanto só serão publicados após aprovação. Comentários com propagandas, divulgações e comentários pedindo para seguir não serão aprovados. Deixe o link do seu blog caso queira que eu retribua algo. Obrigada.

Instagram

Subscribe