Images Tutorial: Link-me e button

Caixinha Link-me e como colocar o button no Blog?

Muitos não tem conhecimento HTML e também não sabem fazer um button.

Primeiro: o button nada mais é que uma foto pequena ou redimensionada que fará a propaganda do seu blog.

Mas, como fazer? Qual foto usar? E onde diminuir? 

Vamos devagar: primeiro você terá que escolher uma foto, vá no google imagens e encontre uma a seu gosto ou use alguma criação sua.

No windows temos um programa que é um editor de fotos, abra uma foto, clique com o segundo botão do mouse, abrir com, editor de imagem (no meu é Microsoft office 2010) , agora você irá ver o editor de fotos.

Redimensione a imagem a seu gosto e tamanho. Agora abra a sua "Imagem" com o Paint e coloque o nome do seu blooger no meio da imagem.

Agora precisamos coloca-la num servidor de fotos. Irei explicar como funciona no Minus e  Picasa. Claro, que existem outros, entretanto iremos trabalhar apenas com esses 2.

Agora você irá fazer um button rápido!

Acesse ao Minus e cadastrar-se.

Olha que fácil, você copiou seu CODE HTML. Veja o meu abaixo:

<a target="_blank" href="http://minus.com/mzFfAS5Vc/2f"><img src="http://i.minus.com/jwqQW6C3rqG9z.png" border="0"/></a>

Onde está em vermelho, você irá trocar e colocar o endereço do seu blogger e ficará assim:

<a target="_blank" href="http://asianonlinee.blogspot.com.br"><img src="http://i.minus.com/jwqQW6C3rqG9z.png" border="0"/></a>

Pronto, aqui esta seu código em html para ser usado como button. Esse você vai dar para os parceiros.

E agora, como colocar o código no blogger?

Álbuns Picasa (é só ter um gmail). No picasa, clique na caixinha 'upload' e escolha a foto no seu computador.

Depois de concluído dê ok.

Clique com o segundo botão do mouse na IMAGEM, e depois COPIAR A URL DA IMAGEM, abra o um bloco de notas, e cole esse código lá.

Vejam como ficou minha url do Picasa:

https://lh3.googleusercontent.com/-SyEKZwRLkh0/T3sHViXlLHI/AAAAAAAAAGc/-Ud61RmqC9I/s128/asian-online-120x60.png

Agora iremos acessar o site Tinyurl (ele diminui o tamanho da url acima, a URL é desproporcional para fazermos nosso link-me) e siga os passos de nossas imagens.

Coloque o código:

https://lh3.googleusercontent.com/-SyEKZwRLkh0/T3sHViXlLHI/AAAAAAAAAGc/-Ud61RmqC9I/s128/asian-online-120x60.png

Clique em MAKE TINYURL.

Agora temos: Temos a nossa imagem no endereço http://tinyurl.com/6sqh7j3 e nosso blog no endereço http://asianonlinee.blogspot.com.BR

Vamos acessar um gerador de CODE HTML.

Agora irei dar o pulo do gato para quem não entende nada de HTML. Acesse esse site aqui: blog da Drika, ela fez um gerador de CODE HTML.

Agora veja como inserir o código html gerado no seu blog.

Primeiro vá até a seção 'layout' no blogger. Em seguida, clique em 'adicionar um gadget' como mostra a imagem abaixo.

Uma nova página irá abrir com várias opções de gagdets. Procure por html/java script e clique no '+'.

Na nova janela, cole o código html que você copiou e clique em salvar. E pronto, seu button já está aparecendo no blog!

Qualquer dúvida é só entrar em contato conosco.