Criar Banners Online

Faça banners para seu site ou blog sem precisar usar programas para criar ou editar imagens, você pode fazer tudo online apenas escolhendo as cores, tamanho, tipos de letras num site e pronto depois é só salvar e utilizar o banner como desejar no seu blog.

Video Tutorial - Como fazer banners onlineVeja esse video tutorial: Hospedar imagens e gerar o código da caixinha link-me

traduzir siteO site BannerFans faz banners online e em poucos minutos de forma rapido e sem precisar instalar nem baixar programas. Uma coisa essencial que facilitará muito o trabalho de criar um banner é verificar se o site está em português, repare no canto superior direito tem um menu para escolher o idioma, assim ficará muito mais simples e rápido realizar o trabalho podendo ver todas as opções em português.
fazer banner online

Para fazer seu banner é só usar as guias para escolher as opções:
Layout: tamanho, cor ou preenchimento de fundo do banner, estilos degrade.

Texto: use os campos line 1 e line 2 para escrever o que desejar, pode usar somente uma se quiser, para alterar o tipo da letra clique sobre a seta ao lado do nome da fonte, outra coisa interessante nesta pagina é que podemos arrastar o texto sobre o banner, é só clicar sobre o texto, segurar o botão do mouse apertado e levar para onde quiser, então soltar.

Efeitos: nela podemos colocar sombras, bordas ou brilho no seu texto, faça alguns testes e veja como é divertido criar um banner.

Bordas: aqui estamos falando de bordas no banner e não no texto como anteriormente, ou seja, essa borda aparece do tamanho do banner inteiro, se quiser bordas no texto veja a guia anterior.

Formato: aqui você escolherá o formato que salvará o banner, sugerimos usar .gif ou .jpg, que geralmente são mais rápidos para carregar e tem boa qualidade.

Enquanto fizer as alterações sempre clique no botão Atualizar meu banner que fica ao centro na parte inferior da pagina, logo abaixo das opções de cada uma das abas.
Fazer banner online

O banner abaixo fizemos para testar o site e escrever esse tutorial, e não levou mais que 3 minutos para chegar a esse resultado, então certamente se ficar um pouco mais de tempo e mexer um pouco mais nos recursos deste site que faz banners online certamente conseguirá criar ótimos banners para seu blog.
Dicas para Blogs
Quando terminar de editar é só clicar no botão banner download e salvar no seu computador o banner e usar como desejar. Existe também o botão obter códigos que é uma boa opção, pois o seu banner será hospedado automaticamente no site Imageshack, mas mesmo assim sugerimos fazer o download do banner. Se precisar de ajuda para fazer o código do banner com a caixinha link-me, veja aqui: Como fazer um banner, além de instruções sobre fazer banners tem um gerador de códigos.

Related Posts with Thumbnails
Criar Banners Online
4/ 5
Oleh

72 Comentários

3 de abril de 2010 13:34 delete

Olá Fabiano!
Quero dizer que: O banner /link do Dicas para Blogs já esta no meu blog (http://tonyfebraio.blogspot.com/) á quase 2 meses, sempre venho aqui comentando nos posts pedindo ajuda ou elogiando uma postagem. Já li sobre as Informações sobre Parceria e quero saber se da pra você colocar eu como parceiro!

PS: Ótima dica, entrei nesse site e diz vários banners para o meu blog, é bo pra quem (como eu) não sabe criar banners com promgrmas de edição de imagens.

Reply
3 de abril de 2010 14:15 delete

Tonný
colocamos os links dos sites que mais enviaram visitas para nós, é assim que fazemos a lista top parceiros
Parcerias

Reply
3 de abril de 2010 18:35 delete

olá Fabiano, agradeço de coração. Já faz três meses que navego na net a procura de um lugar para fazer um banner e já baixei diversos progrmas que não entendo e nada. Agora deu tudo certo.
Grata. Beijos doces.

Reply
3 de abril de 2010 20:17 delete

Não conhecia o Bannerfans, eu usava mais o www.cooltext.com, mas agora vou passar a usar esse também. Obrigado.

Reply
3 de abril de 2010 22:26 delete

olá fabiano

dica muito bacana, inclusive já utilizei ela pra fazer um pro meu blog, não ficou tão perfeito, mas pra uma leiga como eu já é um avanço.

pesquisei em outros blogs especializados em blogs, mas só aqui encontrei uma forma mais fácil de fazer um banner.

valeu mesmo.

Ps: a verificação de palavras é mesmo necessária? porque se os comentários forem moderados não precisa né?

Um abraço :)

Reply
4 de abril de 2010 15:10 delete

Ola fabiano, tranquilão? Cara, como se faz uam lista de blogs parceiros usando só um gadget? Tem como fazer isso?

O unico jeito que eu conheço e usando vários gadgets de imagens um para cada banner, só existe esse geito, ou tem outro?

Abraço

Reply
4 de abril de 2010 15:12 delete

Tem um selinho especialmente pro Dicas para Blogs, lá, no meu blog.

É só pegar e seguir as regras.

Parabéns!

Reply
4 de abril de 2010 18:31 delete

Dolfe
você pode inserir um gadget lista de links, e colocar quantos links desejar, só precisa ir clicando no botão adicionar link

Reply
5 de abril de 2010 06:35 delete

Ola Fabiano, primeiro me desculpe acho que não me expliquei direito.

Bem, esse método da listagem de blogs por links eu conheço, eu gostaria de saber se tem algum jeito de fazer essa listagem usando só banners, mas uma vez desculpa ai por ter me explicado equivocadamente.

abraços

Reply
5 de abril de 2010 13:00 delete

diretamente pelo blog tem que ser de uma em uma mesmo, mas pode colocar os banners como javascript/html, então poderá colocar quantos quiser no mesmo gadget, mas precisa hospedar as imagens antes, veja aqui:
Como fazer um banner

Reply
6 de abril de 2010 10:19 delete

Como faço para colocar botões linkandos para favoritos, orkut, you tube, twitter, email, que nem está no blog frases curtas?

Reply
6 de abril de 2010 10:23 delete

Não comsegui colocar o bammer no meu blog.
Mas estou tentando.
Me tornei uma visitante diária.
Obrigada pelas dicas.
Fiz uma indicação do seu blog.
Dê uma olhadinha.
Beijusss,
Vilma.

Reply
6 de abril de 2010 14:58 delete

Rachel
aqueles botões são feitos com o código que está aqui:
Fixar botões no canto da pagina

apenas não coloque o trecho
position:fixed; bottom:0px; right:0px;

isso é o que fixa no canto da pagina

Reply
6 de abril de 2010 20:05 delete

Ok, obrigado pelas respostas.

Outra duvida, como/onde eu posso hospedar gifs para ser um banner? tentei hospedar no site desta postagem, mas a imagem não fica com a animação em gif =/

Reply
7 de abril de 2010 14:30 delete

Dolfe, sempre hospedei minhas imagens no http://imageshack.us/ e sem problemas

Reply
17 de abril de 2010 13:15 delete

Parabéns Fabiano o seu Blog é o melhor de todos sobre tutoriais do blogspot e outros, eu sou novo nesse negócio de blogs se você puder dê uma passadinha no meu blog e veja para mim se ele está bom obrigado pelas dicas e tutoriais
http://mundodisneyetudoomais.blogspot.com/

Reply
29 de abril de 2010 23:08 delete

ADOREI SEU BLOG....
PARABÉNS!!!

Reply
-manopc-
11 de maio de 2010 18:44 delete

OLÁ
eu tenho uma dúvida
eu não sei colocar um banner no blog
se vc puder me ajudar eu agradeço
o meu blog é sobre animações
e tem um banner do pivoteiros q eu quero colocar
mais ñ consigo
se puder me ajudar agradeço
t+

Reply
12 de maio de 2010 10:44 delete

Realmente,este site de criação de banner é o melhor que já vi.muito bom mesmo!

Reply
12 de maio de 2010 15:42 delete

-manopc-
você já tem o banner?

então só precisa enviar a imagem para o blog, entre na pagina layout, clique para editar o cabeçalho

Reply
Mi
16 de maio de 2010 00:38 delete

Oi Fabiano eu já fiz o banner e já salvei só que e agora como eu faço pra por no blog?

Reply
16 de maio de 2010 01:00 delete

para colocar no blog você pode enviar diretamente pela pagina layout.

se for no lugar do titulo clique para editar o cabeçalho, senão adicione um gadget de imagem.

Reply
Mi
22 de maio de 2010 16:07 delete

Fabiano eu já coloquei no blog só que ficou mto largo(olha http://mi-mundoteen.blogspot.com),e eu ñ sei qual é o tamanho certo pra colocar,o que eu faço?

Reply
22 de maio de 2010 21:33 delete

Mi
o site permite configuração de outros tamanhos de banners, só precisa configurar

Reply
29 de maio de 2010 22:03 delete

o site http://www.bannerfans.com/ não está funcionando da uma olhadinha ai

Reply
29 de maio de 2010 23:15 delete

realmente entrei agora as 23:14 dia 29/05/2010 e o site estava fora do ar, espero que seja algo momentâneo e volte logo ao normal pois os banners deles são muito bons.

Reply
14 de julho de 2010 10:58 delete

Oi Fabiano, bom dia!! Puxa... Fazia muito tempo que queria fazer um banner, mas nao conseguia, agora deu certo, adorei!! Só tenho uma dúvida, como faço para colocar esse banner + codigo, para gerar um link me?! abraços...

Reply
14 de julho de 2010 14:43 delete

aqui tem um gerador de códigos

Como fazer um banner

vou atualizar esse tutorial e colocar o link para a pagina do gerador

Reply
15 de agosto de 2010 09:15 delete

Fabiano,
Mais um gol seu. Fiz um banner c/ caixinha de código no BannerFans com a maior facilidade. Esse programa online é mesmo simples e bom.
Obrigadíssima, bom domingo!

Reply
31 de agosto de 2010 20:57 delete

olá a todos.
Estou com uma grande problema.
Consegui arranjar um parceiro, e ele deu-me um banner para colocar no meu blog. Até aqui tudo bem. O problema é que me pediu para dar os cliques provenientes do blogue, mas não sei como o fazer

Reply
1 de setembro de 2010 10:02 delete

Fabiano, este blog tem sido uma grande ajuda.
Gostava de saber como coloque um contador de cliques para banner de parceiros

Reply
1 de setembro de 2010 14:59 delete

BULL- administrador
se não me engano no google analytics é possivel contar os cliques em cada link, mas isso não ficaria amostra no seu blog.

Reply
1 de setembro de 2010 21:37 delete

Obrigado Fabiano, já começo a ter alguma ajuda.
Mas com a google analytics como depois ele conta esse banner e como poderei depois dar o resultados desses cliques ao meu parceiro?
Também não sei se é normal os parceiros pedirem esses cliques. visto que o meu negócio foi por valor mensal independentemente dos cliques, e se calhar ando a tentar procurar uma coisa que é impossível. Julgo que o parceiro é que deveria saber a sua fonte de paginas do seu site.

Fabiano se tiver dificuldades em instalar esse contador de cliques, a quêm posso contratar para fazer? Você faz, se sim quanto poderia custar o seu trabalho

Agradeço que me responda com alguma urgência visto que tenho um prazo para dar a resposta ao meu parceiro. Se quiser entrar em contacto deixo o meu email:
pedrosequeira4@hotmail.com

Abraço e muito Obrigado Fabiano e agradeço novamente a sua atenção

Reply
2 de setembro de 2010 14:48 delete

nao é normal um parceiro pedir esse tipo de contagem, já que ele mesmo poderia ver no contador que usa quantas visitas seu site enviou.

esse tipo de trabalho para saber quantas visitas seu site enviou para outro seria mais utilizado no caso de você mesmo querer saber essas informações

Reply
2 de setembro de 2010 22:32 delete

Acho que tens toda a razão Fabiano, só que esse parceiro está-me a pedir e disse que para o próximo mês se não tiver essa contagem não continua comigo. Sendo assim gostava se pudesse-me ajudar a resolver esta questão. Se houver alguma prestação de serviço da sua parte e se poder ajudar estou disposto a pagar pelo mesmo

abraço, bull

Reply
3 de setembro de 2010 13:27 delete

BULL- administrador
não trabalhamos com contadores de visitas, mas acho que se quiser mesmo fazer a contagem deveria ver o google analytics

Reply
Anônimo
26 de outubro de 2010 21:09 delete

esse site não esta pegando estou clicando e so da erro

Reply
27 de outubro de 2010 15:42 delete

deve ser algum problema com o site bannersfans, temos que esperar voltar ao normal

Reply
6 de novembro de 2010 20:22 delete

Com certeza muito boa a dica! Seu site tem me ajudado bastante pq sou iniciante em blog. continue publicando excelente posts.

Reply
7 de dezembro de 2010 18:05 delete

Oiie
sou novata como coloca o banner no blog
Porfavor me respondam!!!

Reply
5 de janeiro de 2011 19:10 delete

Tenho meu blog e gostei muito do auxilio de vcs!
Parabens e que voceis tenham muito sucesso!
Valeu!
Ass: Humorista Zé do CórgoTVB CAMPINAS afiliada do SBT!
http://zenatv.blogspot.com

Reply
5 de janeiro de 2011 19:14 delete

Parabens por esse blog!É muito legal e ajuda muito as pessoas tirarem suas dúvidas!
Valeu pessoal!

Reply
5 de janeiro de 2011 19:38 delete

ZÉ DO CÓRGO NA TV
visitei seu blog e tenho uma sugestão a fazer: você usa um ponto como titulo do blog isso prejudica na hora de aparecer nas pesquisas do google.

coloque um titulo no seu blog depois na pagina designer você pode trocar o titulo por uma imagem clicando para editar o cabeçalho.

Reply
11 de janeiro de 2011 18:13 delete

olá amigo, o site do Bannerfans está dando erro, isso acontece a varios dias, oque será?

Reply
12 de janeiro de 2011 14:18 delete

Selaria Edercouro
não sabemos qual o problema do site bannersfans, vamos aguardar mais uns dias e torcer para que volte ao normal, senão só resta colocar um aviso nesta postagens dizendo que o site não existe mais.

Reply
Mi
13 de janeiro de 2011 13:26 delete

Eu tmb tô tentando usar o site e ñ funciona,será que vc sabe de outro site que eu possa escrever nas fotos?

Reply
24 de janeiro de 2011 16:33 delete

gostaria de saber , como colocar meu banner para outros blogs que visitarem o meu linkarem - o para seu blog?
obg !

Reply
24 de janeiro de 2011 16:51 delete

neste link Como fazer um banner tem um gerador de códigos para você criar a caixinha link-me com o seu banner, assim outros blogueiros poderão copiar o código e colocar seu banner no blog deles

Reply
27 de janeiro de 2011 21:40 delete

Eu achei um site em que é muito facil de fazer banners.
É o mybannermaker.com
Voce escolhe a imgem de fundo, efeitos especiais, cor das palavras, e mais algumas coisas... No final, vc escolhe se quer que apareça a caixa com o codigo HTML ou nao e depois aparece o codigo, ai vc copia e cola no gadget java/script no blog.
Facil, não?
Dá uma passadinha no meu blog pra ver:
asmelhoresleituras.blogspot.com

Reply
4 de fevereiro de 2011 18:35 delete

Fabiano me ajude,eu fiz o meu blog,mais coitado! tá orrivel,nao sei colocarbaner bonitos etc.sou totalmente inesperiente nesse meio da internete!!!!!por favor,me ajude, abraços. milda

Reply
10 de fevereiro de 2011 02:44 delete

Velho adorei a tua vídeo aula.

Já vou fazer o meu banner de divulgação para o VigilanteTKS.

Um abraço.
Eduardo Chaves do http://www.vigilantetks.com

Reply
22 de fevereiro de 2011 20:37 delete

Olha podias arranjar-me o programa Banner Fans já andei aqui http://www.baixaki.com.br/download/banner-fans.htm
E nada não da para fazer download.

Reply
23 de fevereiro de 2011 13:59 delete

nunca tentei baixar o programa banners fans, acho que o serviço deles é somente pelo site

Reply
29 de agosto de 2011 17:29 delete

olá, queria fazer um barnner com uma imagem do meu pc como fasso ?

Reply
29 de agosto de 2011 17:34 delete

rodrygo
tem sites onde você pode enviar a imagem e reduzir se quiser... veja aqui Editor de Imagens, Fotos e Banners Online

Reply
25 de outubro de 2011 19:17 delete

cara,eu sou novo nessa parada de blog. ''/ eu até consegui fazer o banner. mas tenho um problema..no bannerfans tem q pegar um dos códigos la. qual eu pego pra ficar a imagem do banner,e logo a baixo o código?
outra coisa. sei q é pra colocar o banner pelo html/javascript,mas n consigo achar essa budega. >.< ajuda?

Reply
26 de outubro de 2011 14:27 delete

Pgsan
o código do bannerfans é para colocar no seu blog pela pagina layout > adicionar gadget > html/javascript

Reply
17 de novembro de 2011 03:19 delete

Estava procurando exatamente isso!
Mais uma vez obrigada pelas dicas, já disse à varias pessoas que o seus posts são ótimos pra iniciantes, uma linguagem totalmente compreenssível. Valew Fabiano!!
;**

Reply
Anônimo
1 de janeiro de 2012 20:05 delete

Muito obrigada pela dica, ajudou muito!!

Reply
21 de janeiro de 2012 18:09 delete

ei pq quando eu fasso um banner ou pego um em uma troca de banners eles ficam normal,mas ao clicar neles eles ficam assim http://www.Exemple.blogspot.com/www.ositedapessoadobanner.blogspot.com
queria saber como fasso para ficarem nomal,dai tenho que salvar a foto e colar o link,isso ta errado né?

Reply
21 de janeiro de 2012 20:18 delete

Carla
isso acontece porque você não colocou o http:// no inicio do link, por exemplo se criar um link para o nosso site com o endereço:
dicaparablogs.com.br
ou www.dicasparablogs.com.br não vai funcionar, precisa ser assim:

http://dicasparablogs.com.br ou http://www.dicasparablogs.com.br

Reply
22 de janeiro de 2012 00:25 delete

ei você me ajudou bastante,vlw ^^de coração você é um maximo temos sorte de ter uma pessoa como você ^^

Reply
21 de fevereiro de 2012 16:34 delete

Vc poderia me ajudar a fazer meu banner? não estou conseguindo

Reply
21 de fevereiro de 2012 19:51 delete

Chaka0304 nós não fazemos serviços para outros blogs, mas além deste site existem outro que recomendamos para fazer imagens, então poderá usar um deles.

Reply
24 de maio de 2012 16:07 delete

Adoro o 'dicasparablogs'iniciei meu blog recetemente e já aprendi muito com o vcs
meu blog:http://concursos2020.blogspot.com.br/

Reply
26 de novembro de 2012 17:43 delete

Olá Fabiano,o site BannerFans é muito legal e simples de usar, porém é muito limitado e além disso quando criamos um banner no site e colocamos no blog se uma pessoa clicar no banner redireciona para a página do BannerFans, será que não há outro site que isso não aconteça ou são todos assim?
Também gostaria que você me indicasse um programa que não seja pago(download)para fazer banners, mas também tenho uma dúvida, quando criamos um banner no programa o mesmo gera o código para colocarmos no blog?

Obrigado pela atenção...

Roniglei Lima

Reply
26 de novembro de 2012 17:47 delete

Roniglei Lima você deve salvar as imagens no seu computador e depois hospedar no blogger.

Só então pode gerar o código para usar no blogger.

Reply
26 de novembro de 2012 17:53 delete

Olá Fabiano,

O Site BannerFans é muito legal e fácil de usar, porém acho que é muito limitado, outra coisa que achei estranho é que quando fazemos um banner no site e colocamos no blog, se um visitante clicar no banner redireciona para a página do site BannerFans, todos sites para se criar banners são assim.

Também gostaria que você me indicasse um programa (grátis) para se fazer banners e ao mesmo tempo pergunto se os programas onde se criam banners geram os códigos, fui claro?

Obrigado pela atenção,

Roniglei Lima

Reply
26 de novembro de 2012 20:56 delete

aqui tem algumas dicas de programas e sites para criar imagens

Tutorial Completo sobre Criar, Colocar e Proteger Imagens no seu Blog

mas eles não fazem os códigos.

você precisa fazer o código manualmente ou enviar a imagem que fez para uma postagem no seu blog assim o código é gerado automaticamente

Reply