Utilize suas fotos do Gravatar em seu site/blog não apenas nos comentários

Utilize suas fotos do Gravatar em seu site/blog não apenas nos comentários

E aí galera, estou meu preocupado com minha volta às aulas e para esfriar um pouco a cabeça resolvi blogar um pouquinho, mesmo que não seja da minha personalidade.

Vou mostrar à vocês como as fotos do Gravatar podem ser realmente muito úteis, principalmente para blogueiros, os fatores que mais fazem deste recurso importante são:

- Você pode atualizar todas as fotos ao mesmo tempo, quer dizer, se você criou diversas páginas pessoais com suas fotos ou simplesmete disponibilizou-as de alguma maneira na internet, como em fóruns, todas serão atualizadas de uma única vez, que é um processo muito rápido;

- O tamanho pode ser definido pela própria URL, sendo assim, você pode fazer upload de uma foto de 1000x1000Pixels na sua conta do Gravatar que não terá problema quanto a exibição dela, pois simplesmente sua imagem será redimensiona mediante a sua necessidade ou do site. Por exemplo: Aqui no meu site utilizamos o recurso do Gravatar nos comentários que independente da imagem que você tenha adicionado, ela será redimensionado para uma pequena imagem de 32x32Pixels, ficando tão pequena que não pesará na página. Se você for criar uma página sobre você por exemplo, você poderá deixá-la grandona, legal, né?

- Existem APIs (ferramentas ou maneiras de desenvolvimento dentro de outra plataforma) que lhe permite fazer com que sua foto apareça usando JavaScript, PHP e em muitas outras linguagens, porém, se sua intenção é apenas exibir, este artigo lhe bastará, mesmo assim, aos desenolvedores e mais experientes, aí está o link das APIs do Gravatar: [link]

- Existe este recurso para blogs movido à WordPress (no caso do TheNets.org), à Blogger e muitos outros; para gerenciadores de conteúdo como o Nucleus, Joomla e muitos outros também. Para acessá-los, utilize o link acima de APIs.

Agora vamos ao trabalho, primeiro vejam imagens de exemplo do meu Gravatar:

Meu Gravatar em 100x100 Pixels

Meu Gravatar em 100x100 Pixels

Meu Gravatar em 200x200 Pixels
Meu Gravatar em 200×200 Pixels
  • Adicionando suas fotos:

Se vocês editarem o link da imagem, verão links quase idênticos, com uma única diferença: em uma, em alguma parte tem escrito “?s=100″ na imagem de 100×100 e na outra tem escrito “?s=200″. Imagino que agora tenha ficado bem óbvio o funcionamento do Gravatar, que ao mesmo tempo é simples e genial.

Explicando um pouco mais o funcionamento do mesmo, aí está um pequeno exemplo:

Veja o link do meu gravatar em 32pixels, a parte que define o tamanho da imagem está em negrito e em vermelho:

http://www.gravatar.com/avatar/4602e8be6cf8bf54262b8f769a37d42b?s=32&
d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9b
b6523536%3Fs%3D32&r=G

Para alterar o tamanho da foto, agora não tem mais segredo, é só alteral o número “32″ ou qualquer outro que esteja na frente do “?s=” pelo número que você deseja, que sua foto será exibida no tamanho escolhido.

Pronto! Mas se o problema é que você não sabe como conseguir o link da sua foto, é simples, cadastre-se no Gravatar e faça um comentário aqui, neste artigo com seu email cadastrado, após feito isso, seu Gravatar aparecerá ao lado de seu comentário, aí é só clicar com o botão direito na foto e depois em “Propriedades” ou “Propriedades do elemento” que lhe será exibido o link de sua foto.

Abraço a todos!!! Qualquer problema ou elogio (principalmente elogios :-) ), deixem seus comentários.

Artigos relacionados:

  1. Gravatar: Adicione sua foto nos seus comentários dos blogs

Posts relacionados trazidos a você pelo Yet Another Related Posts Plugin.



Sobre o Autor

Luiz Felipe - Estudante do 2º ano do ensino médio no colégio Engº Juarez Wanderley em São José dos Campos - SP. É o administrador dos sites TheNets e tenta dar uma de programador e design desenvolvendo projetos em PHP, HTML5 e CSS3 - agora está se aventurando no mundo do framework jQuery.