Banner e Parcerias para seu Blog

Por: ljalmeida

Fazer parcerias e divulgar seu blog, especialmente com um banner que identifique seu site é uma boa maneira de divulgação e de melhorar o seu PageRank, facilitando aos buscadores (google) encontrarem o seu endereço. Os robôs de busca vasculham a internet considerando a quantidade de links apontando para um determinado lugar e classificam isso como um voto.

Em meu blog eu compartilho meu banner da forma exibida abaixo, então temos uma exibição do Banner e logo abaixo a caixa com o código html necessário para compartilha-lo.

<a href="http://painaodesistademim.blogspot.com/2011/01/para-que-banner-e-parcerias.html#links" target="_blank"><a href="http://painaodesistademim.blogspot.com/"> <img border="0" src="http://i749.photobucket.com/albums/xx133/ljalmeida/BannerWeb_150x75.gif" /></a></a>   Se você não sabe como fazer isto, fique tranquilo, não sou nenhum expert no assunto, mas da forma que aprendi, vou lhe orientar, siga o tutorial de de acordo com as suas necessitades:     Definindo seu Banner.

Os Banner´s podem ser estaticos ou animados, somente com texto, imagem ou a combinação de ambos.
Partindo da idéia de que desejamos fazer um Banner animado com imagem e texto, vamos ao trabalho:

1. Defina a(s) imagem(ns) a ser(em) utilizada(s);

2. Defina o texto que você deseja;

Alguns cuidados devem ser tomados nestes itens acima, a imagem não deve ser muito complexa pois poder dificultar a leitura do texto, ja o texto, não deve ser extenso, pois as dimensões do Banner dificultariam sua leitura.


Definindo as Dimensões de seu Banner.

Para se criar um Banner, é necessário determinar suas dimensões, existem dimensões pré-definidas, em meu caso, o Banner de divulgação tem por padrão 150x75, veja antes de inciar seu projeto as dimensões aplicadas onde você deseja publicar seu Banner.

Criando os Quadros para seu Banner.

Imagen(s) e Texto definidos, vamos a elaboração dos quadros;
Utilizando o Corel Draw, vá em “Arquivo –> Importar” e importe a imagem, com a ferramenta texto, digite o texto desejado sobre a imagem que vc esta trabalhando.
Selecione a Imagem e o texto, vá em “Arquivo –> Exportar”, na janela que se abre, localize onde deseja salvar os quadros para seu Banner animado, selecione a caixa “Somente selecionados”, em “Salvar como tipo: selecione “JPG – Bitmaps JPEG” e salve seu arquivo, repita isto para todos os quadros que deseja em seu banner (recomendo máximo de 10).
Obs: Se desejar um Banner estático, monte apenas um quadro.

Animando seu Banner.

Com todos os quadros do Banner montados, acesse este site e siga as instruções para realizar a animação:
http://www.scrapee.net/criar-gif-animado.htm
Após a crianção do arquivo (gif) animado de seu Banner, salve o mesmo em seu computador.

Hospedando seu Banner.

Para poder exibir e compartilhar seu Banner é necessário hospedar esta imagem na internet, para gerar o endereço da mesma (eu utilizo o http://photobucket.com/).

Publicando seu Banner.

Tomando por base o Blogger, siga estes passos:

1. Acesse o Painel de Controle de seu blog, vá em Design –> Adicionar um Gadget –> escolha HTML/JavaScript –>
2. Escolha um Título, e em Conteúdo, copie e cole o código abaixo e fazendo as modificações necessárias (em vermelho)

<img vspace="2" hspace="2" src="URL DA IMAGEM"/><br/>
<textarea
cols="15" rows="3" onfocus="this.select()" onmouseover="this.focus()" name="textarea"><a href="URL DO BLOG">
<img border="0" src="URL DA IMAGEM outra vez"/></a></textarea>

Salve a janela acima, posicione seu Gadget onde desejar, Salve as alterações do Design e recarregue seu blog, pronto, seu Banner esta pronto e disponivel para seus parceiros.

ljalmeida©2011