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
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>
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
ResponderExcluir