Um banner para seu site de forma fácil

No artigo Criando um banner para o seu site, eu mostrei o passo a passo para você criar e publicar um banner para seu site ou blog. O banner (ou selo) é uma figura que identifica seu site ou blog e que normalmente é usada para parceiras com outros sites. Neste artigo, vou mostrar outra forma de realizar todo o processo, desta vez fazendo uso de um site específico para esse fim. Este processo deve agradar àqueles que sentiram dificuldades com o processo anterior.

Existem vários sites com esse mesmo propósito. Para este artigo, escolhi o que me pareceu ser o melhor dentre os que eu testei: o http://mybannermaker.com. A proposta do site é interessante: você desenha o seu banner, publica-o automaticamente no ImageShack e pode até disponibilizá-lo em seu blog.

 

Criando e publicando o banner

O processo é realmente muito simples: acesse o site http://mybannermaker.com. A página inicial, mostrada abaixo, já é a área onde você criará o seu banner.Veja que existem diversas abas na parte superior da tela, marcada em vermelho na figura acima (“Size”, “Background” etc.). É nelas que você fará a criação passo a passo do seu banner. Basta ir navegando entre essas abas e preenchendo as informações solicitadas. Seu banner será criado e exibido no topo da página à medida em que você faça isso.

Vamos às instruções em cada uma das páginas:

1. Size (Tamanho): Dentre as opções disponíveis mostradas, clique no tamanho que você deseja para o seu blog. Como comentei no artigo anterior, as dimensões mais comuns para criar um banner de parceria é 120 x 60 (no site, ele é chamado de “Button2).

2. Background (Plano de Fundo): Há duas opções para o plano de fundo:
Gradient – Nesta opção, você pode escolher uma ou duas cores para o plano de fundo. Caso escolha duas, você terá um efeito de degradê horizontal entre essas cores.
Upload Your Own Image – Aqui, você pode fazer usar uma imagem que possua em seu computador como plano de fundo.

3. Text (Texto): Aqui é onde você irá escrever o texto para seu banner. É possível escrever até 4 linhas, mas recomendo que você use 1 ou 2. Mais do que isso pode dificultar a leitura. Nessa página, você pode escolher diversas opções, como fonte, tamanho e posicionamento do texto. É importante que o título de seu blog fique bem visível.

4. Border (Borda): Você define se seu banner terá ou não uma borda. Caso tenha, basta arrastar o controle “Width” (largura) para o tamanho desejado e escolher a cor da borda.

5. Effects (Efeitos): Aqui, você pode escolher diversos efeitos para deixar seu banner mais atraente, por assim dizer. Você pode deixar seu texto piscando (“Blinking Text”) ou com brilhos (“Glitter”). Só é preciso ter cuidado e bom senso para que os efeitos não atrapalhem o texto. Como ilustração, vejam abaixo o banner “alternativo” que criei para o Gerenciando Blog. Notem que, na versão grátis do serviço, não é possível remover o texto “MYBANNERMAKER.COM”, que aparece na parte inferior da imagem.

6. Save (Salvar): Esta é a última etapa do processo. Você só deve realizá-la caso esteja satisfeito com o banner que você acabou de criar. Uma vez criado, você não poderá mais alterar o seu banner (a não ser que contrate a versão paga do serviço). As opções mais importantes que você deve marcar nessa página:

• Link: Aqui, você deve colocar o endereço do seu blog. Isso é muito importante, para que o visitante seja levado ao seu blog ao clicar em seu banner.
• Normal Banner: Esta é a opção mais simples para quem está começando. Ao escolhê-la, sua figura já será colocada em um serviço grátis na internet (o Imageshack). Se você clicar na opção “Show code box below the banner” (mostrar caixa de código abaixo do banner), terá tudo pronto para colocar o banner em seu blog.

Após preencher essas informações, clique em “Save the Banner” (salve o banner). Na tela de confirmação, escolha a opção da direita (“Continue on free”) e o código para seu banner será exibido. No caso do meu exemplo, o código ficou assim:

<a href=http://www.gerenciandoblog.com.br target="_blank"><img src="http://i.imgur.com/OJ29b.gif" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br>Copy this code to your website to display this banner!<br><textarea cols="40" rows="2"><a href="http://www.gerenciandoblog.com.br" target="_blank"><img src="http://img134.imageshack.us/img134/3944/mybannerglitterfd0f5e08.gif" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br></textarea>

Você pode alterar o texto em vermelho antes de colocá-lo em seu blog.

 

Publicando o banner em seu blog

Agora, é só publicar o código acima em seu blog. Para isso, você precisa criar um novo gadget de HTML em seu blog e colar o código. Falei grego? Segue a explicação detalhada:

1. Acesse www.blogger.com e entre com seu usuário e senha.

2. Entre na opção Layout.

3. Clique na opção “Adicionar um Gadget” onde você deseja colocar seu banner. De preferência, coloque-o em uma das colunas laterais de seu blog.

4. Escolha o tipo “HTML/JavaScript”.

5. Na caixa que se abrirá, coloque um título (“Meu banner”, por exemplo) e cole o texto que você conseguiu no item 6 (acima).

O resultado em seu blog ficará como o abaixo:

Divulgue meu banner em seu site!
<a href="http://www.gerenciandoblog.com.br" target="_blank"><img src="http://i.imgur.com/OJ29b.gif" alt="Create your own banner at mybannermaker.com!" border="0" /></a><br>

IMPORTANTE: Este banner é só uma demonstração. Para divulgar o Gerenciando Blog, utilize nosso banner oficial, que encontra-se na barra lateral direita.

 

Outros serviços

Como eu disse no início do artigo, existem outros sites que também fazem a criação de banners. Abaixo estão mais dois para quem desejar testá-los:

http://www.bannersketch.com
http://highpowergraphics.com/bannerbuilder

 

Atualização

Nos comentários deste artigo, surgiram mais algumas ótimas sugestões de sites grátis para fazer seu banner.

O Lucaimura (do ótimo Luca BD) sugeriu o TextAnim e o  GlowTxt, que são sites para criar textos animados, que também podem ser usados como banner.

A Sara (do estreante e promissor Normal, mas nem Tanto) trouxe uma ótima dica: o Banner Fans, onde é possível criar um banner como o descrito neste artigo e sem propaganda!

Obrigado a vocês pela colaboração!

Sobre o autor Adelson Smania está na internet desde o longínquo ano de 1997. Trabalha na área de Tecnologia de Informação há mais de 10 anos e escreve artigos para o Gerenciando Blog, com colaborações eventuais em outros sites e blogs.