Como criar um LINK ME

Muita gente me pergunta como criar um LINK ME, ou seja, uma banner com uma caixinha de texto, para que outras pessoas possam copiar e levar para o seu blog.

Antes de tudo é necessário fazer um banner, uma imagem que caracteriza o blog ou site e que chame a atenção da pessoas. Eu sugiro que as dimensões seja de 120 x 60pixels, que é o formato mais usado na internet. A grande maioria dos blogueiros preferem esta dimensão, pois ela se encaixa perfeitamente nas barras laterais. Eu particularmente, se quero linkar um blog e o banner não obedece estas proporções, crio um baseado no original ou o redimensiono, isso me possibilita que todos os banners fiquem totalemente ajustados.

Se voce não sabe criar um banner, leia primeiro estas minhas outras postagens:

Banners Estáticos e Banners Animados

O segundo passo é publicar a imagem do banner. Se você tem um servidor faça o upload da imagem. Se não possui um servidor, existem sites na internet que armazenam imagens (Image Shack, Photo Server, Upload4Free, My Image Hosting, e vários outros), mas eu prefiro usar as ferramentas disponíveis e não depender de terceiros. Pode-se utilizar o album do fotos do Picasa, ou no orkut, que é um serviço do Google e está totalmente vinculado ao Blogger e enviar a imagem. Basta abrir uma nova postagem, adicionar a imagem a ela e clicar em SALVAR AGORA. Feito isso, clique com o botão direito do mouse sobre a imagem, No Internet Explorer escolha PROPRIEDADES, e copie o endereço de URL da figura. No Chrome, escolha COPIAR URL DA IMAGEM. No Firefox, escolha COPIAR ENDEREÇO DA IMAGEM.

Abra o bloco de notas e cole a endereço que você copiou.

O terceiro passo é criar o Código Html para o banner, copie o código abaixo e cole-o no bloco de notas, preencha-o substituindo as instruções em vermelho. Obs: as aspas devem permanecer, sem elas o código não funcionará.

<b>LINK ME</b><br><img src="COLE AQUI O ENDEREÇO URL DA IMAGEM"  border="0" /><br /><textarea rows="4" cols="17" onfocus="this.select()" onmouseover="this.focus()" style="border: 1px solid ; font-family: verdana; font-size: 8pt; background-color: rgb(255, 255, 255);" name="textarea"><a href="DIGITE AQUI O ENDEREÇO DO SEU SITE OU BLOG" target="_blank" title="DIGITE O NOME DO SITE OU BLOG"><img src="COLE AQUI O ENDEREÇO URL DA IMAGEM"  alt="DIGITE O NOME DO SEU BLOG OU SITE"/></a></textarea><BR>

Copie novamente o código, agora preenchido com os dados do seu blog/site e cole no lugar desejado dentro do código fonte da sua página web.

Se você possui um blog,  clique para ADICIONAR GADGET, escolha HTML/JAVASCRIPT e cole o código no espaço indicado para isso. Salve para sair. Desloque o Gadget para um local de sua preferencia e Salve novamente.