Criando e publicando o banner
O processo é realmente muito simples: acesse o site
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] A página inicial, mostrada abaixo, já é a área onde você criará o seu banner.MyBannerMakerVeja 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.
Create your own banner at mybannermaker.com!
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:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]Copy this code to your website to display this banner!
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
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] 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).
06/01/12, 04:12 am