Feeds RSS
Feeds RSS

Script para flickr aleatório:

3 comentários
O Flickr esta ficando bem popular agora já é possivel acesso em nossa lingua o português.
Essas fotos aleatórias que se costuma ver no wordpress é possivel também em blogs comuns com direito a molduras e tudo:

1 - Bem pessoal para ter um "FLICKR", você precisa ter sua id no yahoo.
Ou seja criar um e-mail lá para estar criando sua conta no flickr, se você tiver não precisa criar outra ok.
2 - Acesse então o site do Flickr aqui- então depois de criado tudo bonitinho, fez o upload de suas fotos vamos para a próxima etapa abaixo.

No final da página do flickr você vai clicar em ferramentas (são links pequenos no final) conforme imagem.

clique aqui para ampliar

A fotos então já estão lá ok.
Dai vai acessar o link Ei! Onde está o módulo? conforme imagem abaixo


clique aqui para ampliarclique aqui para ampliar


Conforme a imagem acima você agora vai clicar em criar um módulo, inglês badge, porque ai você vai entrar na página de opções por imagens aleatórias ou em flash.


clique aqui para ampliar

Faça a primeira opção seleção HTML se for para aleatórias (random) vá então passando as etapas até chegar


clique aqui para ampliarclique aqui para ampliarclique aqui para ampliar

Nesta imagens acima você vai escolher então se quer que seu ícone apareça,o tamanho, se vai ser aleatória( random ) ou flash, se você vai querer vertical ou horizontal, eu escolhi horizontal.

Já feita todas as opções inclusive a de cores vamos então aos códigos para colocar em sua página.
Você irá pegar apenas a parte do script dos códigos conforme abaixo:


<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=1&display=random&size=t&layout=h&source=user&user=92447481%40N00"></script>


Se você quiser editar o style css para que ele fique com bordas e o tamanho do seu gosto basta acrescentar estes códigos abaixo:


#flickr {
padding: 0px;
padding-left: 15px;
margin: 0px;
border: 0;}
#flickr a img {
width:40px;
height:40px;
border: 3px #FF80C0 solid;
padding: 3px;
margin: 6px 3px 0px;}
#flickr a:hover img {
border: 3px #FFDFEF solid;
}


3&display= nesta parte do script você controla quantas imagens que que apareça no flickr.







Aprendeu aqui não deixe de dar os créditos.




Imagens hospedadasPhotobucket.com
Imagens hospedadasGooglepages.com


3 comentários:

Juliana Dacoregio disse...

Conseguiii!!! Tinha te feito essa pergunta, de como colocar as fotos do flickr no blog, mas com esse tutorial foi até simples.
Valeu! Vc é gênia!!
Tá aí: http://blogdeturista.blogspot.com/

Pollyana Pinheiro disse...

Leccaaaaaa eu te amo *-* Vc é minha heroina, valeu mesmo. Mais sabe um tutorial que eu gostaria de ver aqui no seu blog? De como colocar um calendario, pq todo os sites que eu vou so vejoaquelas agendas cheia de ursinho pindurados e tal. :/

BIG SANTOS!!!! disse...

..já estou usando no meu Tumblr!tutorial simples e de fácil entendimento,vlw! http://shouganaiyo.tumblr.com/

Postar um comentário

::Pessoal gosto de responder aos comentários, porém quando não houver identificação, não responderei a perguntas de anônimos::