•  
     

Caixinhas para divulgar os banners do seu blog



Atendendo a pedidos, vou disponibilizar o código da “Caixinha Link-me” utilizada no Dicas Blogger. Caixinha link-me é o nome dado ao widget usado na divulgação dos banners de um blog. Eu conheço dois modelos:
caixinha.png
caixinha.png (58.35 KiB) Exibido 2503 vezes
No primeiro, podemos gerar o código em sites como o Mais Blog. Para tanto, é preciso já ter um banner hospedado e seguir as instruções do site. O código gerado, deverá ser colado nos gadgets do Blogger, em HTML/Javascript.
caixinha2.png
caixinha2.png (50.4 KiB) Exibido 2500 vezes
Caso você seja novato no mundo dos blogs e ainda não tenha um banner, assista às nossas video-aulas Criando um banner animado e Criando um banner estático. E para hospedar o seu banner, leia o post Hospedagem gratuita de arquivos.

Para utilizar o segundo modelo, basta copiar o código abaixo, fazendo as seguintes alterações:
<div
style="border: 1px dotted rgb(204, 204, 204); padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center;">
<img style="border: 1px solid rgb(0, 0, 0);" src="URL_DO_BANNER" /><br/>
Divulgue o (nome do blog)<br/>
<input onfocus="this.select()" value="<a target="_blank" href="URL_DO_BLOG" title="NOME_DO_BLOG"alt="NOME_DO_BLOG"><img src="URL_DO_ BANNER" style="border: 1px solid #000000" /></a>" type="text" onmouseover="this.focus()" style="color: rgb(153, 153, 153); margin-top: 0.5em;" size="20"
name="Banner"/></div>
Este post foi sugerido pelo Gilberto, do blog Gibanet. Faça sua sugestão, utilizando-se do email do blog - [email protected].
 


<div
style="border: 1px dotted rgb(204, 204, 204); padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center;">
<img style="border: 1px solid rgb(0, 0, 0);" src="URL_DO_BANNER" /><br/>
Divulgue o (nome do blog)<br/>
<input onfocus="this.select()" value="<a target="_blank" href="URL_DO_BLOG" title="NOME_DO_BLOG"alt="NOME_DO_BLOG"><img src="URL_DO_ BANNER" style="border: 1px solid #000000" /></a>" type="text" onmouseover="this.focus()" style="color: rgb(153, 153, 153); margin-top: 0.5em;" size="20"
name="Banner"/></div>
 


Blog Rubens Costa.






Escrevendo prá sua familia!
Página inicial