Uma das maneiras mais utilizadas de divulgar um blog é através de banners. Quando compra um local publicitário num site, ou simplesmente quando precisa de dar uma referência, tipo um cartão de visita do seu site é utilizando um banner.

banner

Os banners mais comuns para questões de publicidade são os de 250x250px e os de 125x125px. No entanto, poderá criar uma infinidade de tipos de banners para outros fins, uma vez que são uma ferramenta de divulgação muito versátil!

 

Como criar um banner?

O processo de criação de um banner é muito simples, o mais difícil mesmo é ter criatividade para desenhar a imagem que aparecerá. Há diversos programas que podemos utilizar, que vão desde os mais complexos como Adobe Photoshop ou Fireworks até ao Paint. Seja como for, o objetivo é criar uma imagem que represente o seu site.

 

Quando criar a sua imagem, deve hospedá-la um sítio em que nunca fique offline. Não hospede a sua imagem em serviços como ImageShack ou semelhantes porque você não quer ter uma imagem apenas temporariamente. Experimente hospedar a sua imagem na biblioteca de média do seu blog ou diretamente no diretório do seu site. Não se esqueça de ficar com o endereço da imagem pois irá necessitar dela para criar o seu banner.

De seguida, abra um ficheiro de bloco de notas e cole lá o seguinte código:

<p align="center">
<img vspace="2" hspace="2" title="TÍTULO DO SITE" alt="TEXTO ALTERNATIVO DO BANNER" 
src="ENDEREÇO DA IMAGEM"/><br/>
<textarea onfocus="this.select()" style="margin: 2px; 
width: (LARGURA DA IMAGEM EM PX)px; 
height: (ALTURA DA IMAGEM EM PX)px" onmouseover="this.focus()" name="textarea">
<a href=ENDEREÇO DO SEU SITE target="_blank">
<img border="0" title="TÍTULO DO SEU SITE" alt="TEXTO ALTERNATVO DO BANNER"
src=ENDEREÇO DA IMAGEM /></a></textarea></p>

Agora edite os campos que são indicados, copie o código e cole-o onde deseja que fique visível. Veja como fica um exemplo de um código devidamente preenchido:

<p align="center">
<img vspace="2" hspace="2" title="Escola Blog" alt="Escola Blog" 
src="http://escolablog.com/wp-content/uploads/2011/09/banner.jpg"/><br/>
<textarea onfocus="this.select()" style="margin: 2px; width: 180px; 
height: 50px" onmouseover="this.focus()" name="textarea"><a 
href=http://escolablog.com/ target="_blank">
<img border="0" title="Escola Blog" alt="Escola Blog"
src=http://escolablog.com/wp-content/uploads/2011/09/banner.jpg /></a></textarea></p>

Este código em cima, dar-lhe-á o banner e o respetivo código, o que é ótimo para ter no seu site. No entanto, se quiser utilizar o seu banner para fazer publicidade noutro site, por exemplo, apenas é necessária a imagem com a ligação para o seu site.

Nesse caso, utilize apenas o seguinte código:

<a href=ENDEREÇO DO SITE target="_blank">
<img border="0" title="TÍTULO DO SITE" alt="TEXTO ALTERNATIVO DO SITE"
src=ENDEREÇO DA IMAGEM /></a>

 

Mais uma vez, o código devidamente preenchido:

 

<a href=http://escolablog.com/ target="_blank">
<img border="0" title="Escola Blog" alt="Escola Blog"
src=http://escolablog.com/wp-content/uploads/2011/09/banner.jpg /></a>

 

E o respetivo efeito visual:


Escola Blog

 

E você como cria os seus banners?

Agora já pode criar os seus banners à vontade e começar a divulgar o seu blog!

Até já!