•  
     

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) Visto 2497 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) Visto 2494 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="&lt;a target=&quot;_blank&quot; href=&quot;URL_DO_BLOG&quot; title=&quot;NOME_DO_BLOG&quot;alt=&quot;NOME_DO_BLOG&quot;&gt;&lt;img src=&quot;URL_DO_ BANNER&quot; style=&quot;border: 1px solid #000000&quot; /&gt;&lt;/a&gt;" 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="&lt;a target=&quot;_blank&quot; href=&quot;URL_DO_BLOG&quot; title=&quot;NOME_DO_BLOG&quot;alt=&quot;NOME_DO_BLOG&quot;&gt;&lt;img src=&quot;URL_DO_ BANNER&quot; style=&quot;border: 1px solid #000000&quot; /&gt;&lt;/a&gt;" type="text" onmouseover="this.focus()" style="color: rgb(153, 153, 153); margin-top: 0.5em;" size="20"
name="Banner"/></div>
 
[size=85][/size]Blog Rubens Costa.






Escrevendo prá sua familia!