Arquivos do Website:

Código para criar uma caixa de link-me para conseguir backlinks para o blog


Use este código abaixo para colocar uma caixinha de link-me na sua página da web, isso facilitará muito na hora de (conseguir backlinks = links para a sua página da web, vindos de outros blogs ou sites) fazer parceria com outros blogs ou sites. É um código bem simples, mas funcional; além disso, é pequeno e não prejudicará o tempo de carregamento da página do seu blog ou site!


Imagem: http://trade.indiamart.com

Para usá-lo, basta você copiar e colar num elemento de página do seu blog; substitua os endereços destacados na cor vinho, pelo endereço Url do seu blog e da imagem do seu banner. Atenção: Primeiro você deve hospedar a imagem do banner num servidor de imagens... eu recomendo que você hospede a imagem no seu próprio blog. Veja como hospedar imagens em blogs da plataforma Blogger. Caso você precise criar um banner simples, mas não sabe trabalhar com Photoshop, Corel Draw etc; considere ler estes três artigos:

Como criar um banner simples, utilizando ferramentas online grátis?
Como criar um brasão para utilizá-lo como banner?
Como criar mini banners de 80x15?

Copie o código e cole num elemento de página do seu blog. Colocando nas páginas de um blog do Blogger: Login no painel de controle => Escolha a opção Layout => Adicionar um Gadget => Escolha a opção HTML/JavaScript => Cole o código dentro do gadget => Clique em Salvar.

<div align="center"> <img alt="SeuBlog.com" hspace="2" src="ENDEREÇO URL DA IMAGEM" title="NOME DO BLOG" vspace="2" /> <textarea cols="44" name="textarea" onfocus="this.select()" onmouseover="this.focus()" rows="3" style="background-color: white; border: 1px solid rgb(0, 0, 0); font-family: verdana; font-size: 8pt;"> &lt;a href="URL COMPLETA DO BLOG" target="_blank"&gt;&lt;img src="ENDEREÇO URL DA IMAGEM" title="NOME DO BLOG" alt="SeuBlog.com" border="0" /&gt;&lt;/a&gt; </textarea></div>


  • textarea cols="44" - Determina a largura da caixinha do link-me. Ajuste-a para a largura da sidebar do seu blog!
  • SeuBlog.com  - Coloque o nome do blog, mas sem o "http://"; exemplo: DicasOnlineGratis.com!

A imagem do banner fica alinhada à esquerda da caixinha do código, quando há espaço; caso contrário ela se alinhará no topo da caixinha! Veja no exemplo abaixo como ficará a caixinha com o código; aproveita e já copia o código do banner do Dicas Online Grátis e coloque na sua página da web!

DicasOnlineGratis.com