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.
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:
Espero que tenham gostado ^ ^ beijus<3
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:
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>
8 Comments
adorei ja fiz o meu button,obrigado por tirar a minha duvida
ResponderExcluirDe nada ^^
ResponderExcluirSempre que precisar, fique a vontade para perguntar ok? Espero poder ajudar :D
beijus<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?
ResponderExcluirDeixa quieto fofa! Consegui, nem havia testado! Hehe, sorry! Amei deeeeeeeemais este tutorial, ♥
ResponderExcluir:d Que bom que conseguiu!!! Muito obrigada! Eu também adoro sua presença aqui :)
ResponderExcluirBeijinhos :l
cute
ResponderExcluiramei >> magic-world-2.blogspot.com.br <<
Obg, eu adorei *-*
ResponderExcluirhttp://souotomeecomorgullhoo.blogspot.com.br/
que graça,exatamente o que estava precisando
ResponderExcluirMuito 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 - Deviantart