Como colocar Caixa com codigo do seu BANNER

É comum vermos em blogs uma caixa contendo o código HTML de um banner de divulgação. É uma forma de fornecer para parceiros e afins um meio de divulgação do seu blog. Ou seja: Se você visita um blog, gosta e tem interesse em compartilhar esse conteúdo de qualidade aos seus leitores, basta copiar esse código e colocar no layout. Também é uma maneira de troca, você divulga um blog e esse blog divulga o seu, chamamos isso de “parceria”.

Colocar essa caixa chamada “Link-me” é muito simples, siga os passos e aprenda a colocar uma em seu blog:

1) Crie seu banner da maneira que quiser e do tamanho que quiser. Minha dica é criar algo bem simples, limpo e bem leve.

Obs.: O tamanho mais usado na blogosfera é 120pixels de largura por 60 pixels de altura.



2) Hospede a imagem em algum servidor e guarde o link. Exemplo: No Blogger, servidor próprio, DropBox;

3) Pegue o seguinte código abaixo e faça as alterações necessárias:

<div align="center"><img src="URL_DA_IMAGEM"/><br/>
<textarea cols="15" rows="3" onfocus="this.select()" onmouseover="this.focus()" name="textarea" style="width:80%;">
&lt;a href="URL_DO_BLOG" target="_blank">&lt;img src="URL_DA_IMAGEM" title="NOME_DO_BLOG" alt="URL_DO_BLOG" style="border:0;"/&gt;&lt;/a&gt;
</textarea>
</div>

 NOME_DO_BLOG: Coloque o nome do seu blog;
– URL_DO_BLOG: Coloque o domínio do seu blog (fique atento que são dois campos no código);
– URL_DA_IMAGEM: Coloque o link da imagem hospedada (seguindo passo 2).