Como criar uma caixa com código do seu banner (link-me)
Neste post falarei aqui no DicasHot a respeito de como colocar uma caixa link-me, ou seja, uma destas caixas onde contém o código do seu banner para divulgação do seu blog.
Ainda contém uma pequena frase em baixo do banner para que o leitor, que queira divulgar o seu blog possa escolher o tamanho adequado para o blog dele.
Colocar essa caixa chamada “Link-me” é muito simples, siga os passos e aprenda a colocar uma em seu blog:
1) Primeiro de tudo, você precisa ter um banner; Crie seu banner da maneira que você quiser e do tamanho que quiser.
2) Hospede seu banner em um servidor. Aqui abaixo disponho uma lista que contém ótimos sites de hospedagem de imagens que eu fortemente recomendo:
3) Pegue o seguinte código abaixo e faça as alterações necessárias:
<div align="center">
<img hspace="2" src="URL DA IMAGEM PARA DESTAQUE" vspace="2" /></div>
<div align="center">
<textarea cols="16" name="textarea" onfocus="this.select()" onmouseover="this.focus()" rows="3"><br /> <center><a href="URL DO SEU BLOG" target="_blank"><br /> <img border="0" src="URL DA IMAGEM PARA A CAIXA DE TEXTO" /></a></center> <br</textarea></div>
<div style="text-align: center;">
<span style="font-size: x-small;"><span style="font-family: Verdana,sans-serif;">Não é do tamanho adequado para o seu blog? </span></span></div>
<div style="text-align: center;">
<span style="font-size: x-small;"><span style="font-family: Verdana,sans-serif;">Confira mais</span></span> <a href="LINK DA PÁGINA ONDE CONTÉM OS BANNERS" rel="nofollow" target="_blank">clicando aqui</a>.</div>
<img hspace="2" src="URL DA IMAGEM PARA DESTAQUE" vspace="2" /></div>
<div align="center">
<textarea cols="16" name="textarea" onfocus="this.select()" onmouseover="this.focus()" rows="3"><br /> <center><a href="URL DO SEU BLOG" target="_blank"><br /> <img border="0" src="URL DA IMAGEM PARA A CAIXA DE TEXTO" /></a></center> <br</textarea></div>
<div style="text-align: center;">
<span style="font-size: x-small;"><span style="font-family: Verdana,sans-serif;">Não é do tamanho adequado para o seu blog? </span></span></div>
<div style="text-align: center;">
<span style="font-size: x-small;"><span style="font-family: Verdana,sans-serif;">Confira mais</span></span> <a href="LINK DA PÁGINA ONDE CONTÉM OS BANNERS" rel="nofollow" target="_blank">clicando aqui</a>.</div>
4) Agora, entre em "Design" e clique em "Adicionar um gadiget" do tipo "HTML/JavaScript" e cole o código que você editou e pronto!!!
Curta nossa Fan Page no Facebook: http://facebook.com/Dicashot
Se inscreva e receba nossas atualizações por e-mail:
