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.

1º 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.


2º 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º.


3º 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.


4º 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.


5º 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:


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.