5/15/2009

Crie seu banner grátis no Banner Fans

Se você procura criar um logotipo, banner ou botão para o seu blog o Banner Fans é o ideal. Esse maravilhoso site além de criar seu banner, hospeda e gera o código em tempo real (sem a necessidade de cadastro ou qualquer outro requisito).

Fiz um tutorial rico em detalhes para todos possam utilizar. Coloquei números em cada opção (para ninguém ficar na mão) e também utilizei fotos com setas indicadas e abaixo da foto o que cada opção significa.

Vamos acessar o Site principal do Banner Fans "Clicando aqui". Apos o acesso, você vai se deparar com as opções abaixo na aba layout:



>> 1: Opção 1 é o Layout, corpo do banner que vamos criar. É nele que vamos definir tamanho, cores e efeitos.

>> 2: A opção 2, vamos escolher o tamanho. Podemos escolher um tamanho personalizado marcando a opção "Custom" e inserindo as medidas. Podemos também, utilizar os tamanhos já definidos marcando a opção "Preset".

>> 3: Já a opção 3 é a utilização de um efeito ou de uma cor. Veremos isso nos próximos itens (recomendo deixar marcado a opção do meio, para a utilização e um efeito).

>> 4: É referente a cor do banner. A opção "First color" é a cor principal do banner, já a "Second color" se refere a um efeito que podemos utilizar com uma segunda cor (veremos esse efeito no item 5).

>> 4: Essa opção é os efeitos que podes atribuir. Não tem segredo, basta escolher o efeito.


Vamos agora personalizar a fonte na aba "Text & Fonts". Nessa opção podemos personalizar cor, tamanho, posição e a grande variedades de fontes existentes.



>> 1: Nessa opção, vamos adicionar um texto a ele e uma descrição.

>> 2:
Nessa opção pode escolher as fontes, tanto do título como da descrição.

>> 3: O tamanho de nossa fonte (deixe sempre o título maior que a descrição).

>> 4:
As cores do mesmo.

>> 5: A rotação que podemos aplicar. Essa opção possibilita deixa o texto, nos mais variados graus de 10º até 90º. Se você preferir por um texto reto deixe a opção 0º.


Na aba "Shadows & Effects" podemos adicionar o efeito de sombra em nosso texto.



>> 1:
Tipo de sombra, para cima, para baixo, lado esquerdo etc.

>> 2: A distância da sombra.

>> 3:
Cor que utilizaremos nela.

>> 4:
Podemos escolher a porcentagem de opacidade do texto.

>> 5: Adiciona uma borda ao texto.

>> 6:
Escolher a cor da borda.


Na opção "Border" podemos adicionar uma borda no banner.



Se deixar marcado a opção "none" não será adicionado nem uma borda. Se marcar qualquer outra borda, será adicionado em seu banner.


Na aba "Format" vamos escolher o formado dele (PNG, GIF ou JPG).



>> 1: Escolha o formato do arquivos.

>> 2: Clique em "Update my banner" para ver seu trabalho (se não gostou pode reeditar).

>> 3:
Clicando em "Get the codes" você recebe o código do banner!


Apos ter clicado em "Get the Codes" você precisa escolher o código. Faça como está na imagem abaixo, copie o que está na caixa.


Esse código gerado pode ser utilizado em blogs, myspace etc. Os outros já são para forums e outras plataformas. Como o código gerado já vem padrão, o redirecionamento quando clicado para o Banner Fans, devemos editar uma pequena linha:

<a href="http://www.BannerFans.com"><img src="http://img520.imageshack.us/img520/1637/21726359bf74a00m3.jpg" border="0" width="435" height="75" alt="BannerFans.com" /></a>

Na parte em azul você precisa colocar o endereço do seu blog. Onde está em ver coloque o nome desejado.

Resultado final:
Blog do acolhedor

Criei o pequeno banner acima como amostra. Eles podem ser adicionados em qualquer parte dos elementos do seu blog, não se esqueça de modificar trocando o link do Banner Fans pelo link do seu blog.

Dica: Para ampliar as imagens (tela cheia) é só clicar sobre elas.

2 comentários:

marksmarques 31 de julho de 2009 13:50  

ótimo tutorial você esta de parabéns, a tempos estava tentado fazer um banner pra meu blog e achava complicado para construir finalmente conseguir graça a você companheiro; um abraço
e sucesso!

Silvio 7 de setembro de 2009 22:06  

Sou eu quem agradeço!

Volte sempre e sucesso.

Postar um comentário

Leia as regras:
- Palavras ofensivas serão removidas.
- Não coloque links no comentário para divulgar seu blog ou site, basta utilizar o OpenID na hora de enviar o comentário e seu link ficará gravado.
- Antes de fazer uma pergunta veja se ela já não foi respondida.
- Perguntas não referente ao assunto envie em contato.
- Os comentários não refletem a opinião do autor.
- Seu comentário precisa ter relação com o assunto do post.
- Agradeço a colaboração :)

  ©Template by Dicas Blogger.