My Banner Maker - Criando um Banner para seu Blog
Criar um banner para seu Blog é importante para poder divulgá-lo e até fazer parcerias através deles. Conheci um site ótimo que permite fazer um banner ótimo para seu Blog, basta usar um pouco sua criatividade e criar o seu banner facilmente. Ele disponibiliza ferramentas ótimas para a criação de um banner, e depois disponibiliza o código deste. É um serviço totalmente gratuito.
O My Banner Maker permite a criação e edição de cores e fontes de um banner. Acesse o My Banner Maker.com - http://mybannermaker.com/ - e você irá se deparar com um diversos tamanhos de banners. No topo da página, você encontrará seis abas diferentes: Size, Background, Text, Border, Effects e Save.
Size
Esta é a aba principal, ou seja, a página inicial do site. Você deverá escolher um tamanho para o seu banner. Recomendo o 120x60, por ser o mais usado em Blogs e sites. Basta clicar sobre o banner que tiver o tamanho que deseja criar.
Background
Nesta aba, você poderá escolher uma cor de fundo para o seu banner ou colocar uma foto como plano de fundo. É possível também adicionar duas cores de fundo diferentes, criando uma textura personalizada para o seu banner.
Text
Escolha o texto que terá o banner, personalize-o e organize sua posição. Você pode escolher uma descrição para o seu banner, ou colocar o nome e URL de seu Blog. A escolha é toda sua.
Border
Adicione borda ao seu banner, e escolha uma cor para ela. É possível também escolher a sua largura. Não a faça muito grande, poderá prejudicar a aparência de seu banner.
Effects
Coloque efeitos especiais em seu banner, escolha entre Glitter, Negativo e outros. Os efeitos especiais poderão melhorar bastante a aparência de seu banner, se usados corretamente.
Save
Esta é a última aba, onde você deverá salvar o seu banner. Marque a opção Normal Banner e também a caixa abaixo, que diz Show code box bellow the banner., e clique no botão Save The Banner, no final da página.
Agora, você deverá escolher uma das opções: Membro Vip ou Membro Livre. Você verá dois banners. Escolha o banner Continue on free!.
Finalmente, você obterá o código do banner. Para disponibilizá-lo em seu Blog, e fazer com que os seus visitantes peguem o seu código e coloquem no Blog deles, é preciso usar um código. Acesse o painel do Blogger e vá em Layout -> Elementos da Página -> Adicionar um Gadget -> HTML/JavaScript. Cole o código a seguir e faça as devidas modificações.
Substitua os CÓDIGO_DO_BANNER pelo código que você adquiriu de seu banner. Após isso, salve o widget e confira em seu Blog. Para obter este código, usei a caixa para colocar códigos HTML, para ser possível disponibilizar o código de seu banner para todos os visitantes de seu Blog. Os banners são uma das maneiras mais usadas para fazer parcerias entre Blogs, mas também muitos blogs optam por parcerias através de links. Este é o caso do Desenvolvimento Blogger.
-> Criando lista com Links de Parceiros
O My Banner Maker permite a criação e edição de cores e fontes de um banner. Acesse o My Banner Maker.com - http://mybannermaker.com/ - e você irá se deparar com um diversos tamanhos de banners. No topo da página, você encontrará seis abas diferentes: Size, Background, Text, Border, Effects e Save.
Size
Esta é a aba principal, ou seja, a página inicial do site. Você deverá escolher um tamanho para o seu banner. Recomendo o 120x60, por ser o mais usado em Blogs e sites. Basta clicar sobre o banner que tiver o tamanho que deseja criar.
Background
Nesta aba, você poderá escolher uma cor de fundo para o seu banner ou colocar uma foto como plano de fundo. É possível também adicionar duas cores de fundo diferentes, criando uma textura personalizada para o seu banner.
Text
Escolha o texto que terá o banner, personalize-o e organize sua posição. Você pode escolher uma descrição para o seu banner, ou colocar o nome e URL de seu Blog. A escolha é toda sua.
Border
Adicione borda ao seu banner, e escolha uma cor para ela. É possível também escolher a sua largura. Não a faça muito grande, poderá prejudicar a aparência de seu banner.
Effects
Coloque efeitos especiais em seu banner, escolha entre Glitter, Negativo e outros. Os efeitos especiais poderão melhorar bastante a aparência de seu banner, se usados corretamente.
Save
Esta é a última aba, onde você deverá salvar o seu banner. Marque a opção Normal Banner e também a caixa abaixo, que diz Show code box bellow the banner., e clique no botão Save The Banner, no final da página.
Agora, você deverá escolher uma das opções: Membro Vip ou Membro Livre. Você verá dois banners. Escolha o banner Continue on free!.
Finalmente, você obterá o código do banner. Para disponibilizá-lo em seu Blog, e fazer com que os seus visitantes peguem o seu código e coloquem no Blog deles, é preciso usar um código. Acesse o painel do Blogger e vá em Layout -> Elementos da Página -> Adicionar um Gadget -> HTML/JavaScript. Cole o código a seguir e faça as devidas modificações.
| CÓDIGO_DO_BANNER <form> <textarea name="myForm" rows="4" cols="40" wrap="virtual">CÓDIGO_DO_BANNER</textarea> |
Substitua os CÓDIGO_DO_BANNER pelo código que você adquiriu de seu banner. Após isso, salve o widget e confira em seu Blog. Para obter este código, usei a caixa para colocar códigos HTML, para ser possível disponibilizar o código de seu banner para todos os visitantes de seu Blog. Os banners são uma das maneiras mais usadas para fazer parcerias entre Blogs, mas também muitos blogs optam por parcerias através de links. Este é o caso do Desenvolvimento Blogger.
-> Criando lista com Links de Parceiros



12 Comentários:
É... Mais com as ferramentas atuais, como Fireworks, Photoshop, Paint.NET e outros é fácil, rápido e gratuito produzir um banner para o blog.
E tem o lado ruin desse serviço: o link do site fica no banner e ocupa todo o espaço.
Então recomendo fazer a mão por editores. ;D
@João Manoel,
Existem inúmeros blogueiros sem mínimo conhecimento em programas como estes, para isso existem sites como o My Banner Maker. Claro, é muito melhor usar os programas, mas há opções para pessoas que não possuem muito conhecimento.
Ajudoooouuu muuiiito brigadaum msm viu =)
QUERO FAZER UM BANNER PARA UM BLOG DO MEU AMIGO. CONSEGUI FAZER TUDO CRIAR LINKS E OUTROS. SÓ QUE NÃO APARECE A FOTO QUANOD INSIRO APENAS DIRECIONA AO BLOG. COMO SABER QUAL CODIGO PARA INSERIR NO HTML?
@Maria Queiróz,
Se o banner é uma imagem, você deve utilizar o seguinte código: <img src="URL_BANNER"/>
NÃO ESTOU CONSEGUINDO COLOCAR O BANNER NO MEU BLOG
COMO A MARIA FIZ TODOS OS PROCEDIMENTOS MAS NA HORA DE COLOCAR A IMAGEM NÃO VAI O QUE FAZER?
HERTZJEAN,
Você fez um banner com o My Banner Maker?
Então Vinícius, esse my banner maker, nunca usei, mas aquele aquele site: http://www.bannerfans.com/
é mais simples pra quem não sabe, pois ele cria o banner, já com a caixinha e são várias opções, voce já coloca o endereço da url do seu blog e tudo, já no site, o código vem prontinho e é só colar na HTML/JAVASCRIPT, tem como traduzir o site para o português. Muito bom, tem bons recursos, agora eu só não gostei foi dessa caixinha achei grande e não vi opções de reduzi-la. Por isso seu artigo sobre como criar uma caixa, me foi útil. Dá uma olhada nesse site, e posta algo sobre ele, para quem não sabe nada de HTML facilita.
Daniel,
Muito obrigado pela sugestão!!
Obrigada pela ajuda! Eu fiz um e gostei muito do resultado!
eu queria saber se tem como tirar aquele nome:MybannerMake.com,do banner?
Karol,
Infelizmente não, apenas se você comprar uma conta vip no site.
Postar um comentário
-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;
Se preferir, fale conosco pela página de CONTATO.
Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.