Follow Us @soratemplates

segunda-feira, 2 de janeiro de 2012

Criando um link-me+buttons

Olá e boas vindas sempre!!!!
Uma das dúvidas que fiquei de responder a algumas de nossas amigas é sobre como criar um botãozinho animado ou mini banner de link-me, tipo os meus:

Para criá-los é simples: vc precisa apenas da imagem, de um editor de imagens e um código para disponibilizar às pessoas que desejam linkar vc ^ ^
Vamos lá!

1º passo: A Imagem

Geralmente buttons de link-me são pequenininhos, mas isso não é regra. Na minha opinião, o tamanho de 88x30, mais ou menos, é legal. No site Neskaya (http://neskaya.net) vc encontra moldes para buttons e até mesmo um gerador de buttons super útil, com o qual fiz a primeira imagem de link-me do Reino Kawaii; basta arrastar as imagens para o local indicado e depois baixar seu gif. O meu perdeu o movimento quando baixei e tive que animá-lo no Photoscape.
Trouxe para vcs alguns buttons prontinhos do site http://ego-box.com/button, super fofos:



 

Depois de escolher, personalizar ou criar sua imagem, se optar, pode pular o segundo passo e já ir ao terceiro passo.

2º passo: Transformando o button em gif animado no Photoscape

O programa Photoscape permite a criação de gifs através da combinação de imagens. Se vc quiser baixá-lo, pode fazer isso no site Baixaki (http://www.baixaki.com.br/download/photoscape.htm) e aí é só instalar. O programa é muito fácil de usar, leve, gratuito, em português.
Dentre as opções que ele possui, estão Editor e Animação Gif. Para exemplificar, escolhi as 3 imagens abaixo:

Com a ferramenta TEXTO da opção Editor escrevi em cada uma delas a palavra kawaii em cores diferentes e salvei cada uma. Depois, na opção Animação Gif, arrastei as imagens da pastinha em que as salvei para a área branca da imagem abaixo, um por uma, escolhi o tempo de transição entre elas para 35 segundos e salvei.
Clique para ampliar

O resultado foi esse:

É só editar imagens, adicionar efeitos e depois combiná-las na animação gif ok? Hospede a imagem em um site tipo o Photobucket por exemplo.

3º passo: O Código

E por fim, insira a URL da imagem que vc hospedou e o endereço de seu site no seguinte código, que aprendi graças ao blog da Annyz:
<a href="www.SEULINK.com"><img src="URL DA IMAGEM"/></a><p>

<textarea><a href="www.SEULINK.com"> <img src="URL DA IMAGEM"/></a></textarea><p>



Espero que tenham gostado ^ ^ beijus<3

8 comentários:

  1. adorei ja fiz o meu button,obrigado por tirar a minha duvida

    ResponderExcluir
  2. De nada ^^
    Sempre que precisar, fique a vontade para perguntar ok? Espero poder ajudar :D
    beijus<3

    ResponderExcluir
  3. Olá, Roberta, amo seu blog! Adorei as dicas! Funcionou, mas uma perguntinha: Como inserir no blogger? Assim eu consigo inserir uma imagem, lá no gadget imagens! Mas, como pôr em baixo esta caixinha com o código? Ajuda?

    ResponderExcluir
  4. Deixa quieto fofa! Consegui, nem havia testado! Hehe, sorry! Amei deeeeeeeemais este tutorial, ♥

    ResponderExcluir
  5. :d Que bom que conseguiu!!! Muito obrigada! Eu também adoro sua presença aqui :)
    Beijinhos :l

    ResponderExcluir
  6. cute
    amei >> magic-world-2.blogspot.com.br <<

    ResponderExcluir
  7. Obg, eu adorei *-*
    http://souotomeecomorgullhoo.blogspot.com.br/

    ResponderExcluir
  8. que graça,exatamente o que estava precisando

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart