Como fazer um banner

Aprender a criar seus próprios banners é uma coisa muito importante para quem tem um blog porque eles servem tanto para fazer parcerias como também banners para colocar no lugar do titulo do blog ou mesmo para usar nas suas postagens, afinal todos são imagens apenas utilizamos de formas diferentes cada uma delas. Mas você pode criar um banner animado de forma muito facil para usar no seu blog exemplo abaixo e clique nele para ver como criar banner animado para o seu blog.
Criar Banner Animado com as Postagens Recentes do Blog
Dicas para Blogs

Então vamos começar a falar sobre criar, editar, hospedar imagens para usar no blog.



Para criar banners para parcerias ou qualquer outro tipo de imagens precisamos um programa de edição de imagens os mais conhecidos são Photoshop e Fireworks, mas ambos são pagos, além disso, exigem muito do computador (são programas bem pesados), então veja aqui uma lista de programas gratuitos para fazer ou editar imagens. Se desejar ver outros programas sugerimos visitar e ler a opinião das pessoas sobre programas de edição de imagens no site Baixaki e Superdownloads ou então em qualquer outro site que confie.

Depois que terminar de fazer a imagem que será seu banner para parcerias precisamos hospedar essa imagem (colocar na internet) para que qualquer computador possa visualizar, recomendamos o site Imageshack para isso, já usamos faz algum tempo e sem grandes problemas, entre no site, clique em browse localize onde salvou a imagem, clique em start upload, aguarde carregar a imagem e copie o endereço que está em direct link. Se tiver duvidas veja aqui sobre problemas com hospedagem de imagens.

Para fazer o código da caixinha link use nosso gerador de códigos que está logo abaixo, use o endereço completo do seu blog incluvise o http://

gerador de código da caixinha link-me

Agora que está com o código pronto é só entrar na pagina layout, adicionar gadget, html/javascript e adicionar o código do seu banner com caixinha link-me, ele deverá ficar igual ao nosso: mostrando o banner e a caixa embaixo com o código do banner já com o seu link nele.

Se quiser fazer banners para usar no lugar do titulo do seu blog é mais simples ainda, pois não precisa hospedar a imagem basta entrar na pagina layout, clicar para editar o cabeçalho depois encontrar a imagem.



Links úteis com dicas de criação e edição de imagens:
Como Fazer Gifs Animados Online para o Blog, Orkut e outros
Editor de Imagens, Fotos e Banners Online
Organizar Banners ou Pagina de Parcerias entre Blogs

Antes de clicar para salvar não se esqueça de escolher a opção se quer a imagem substituindo o titulo (Em vez de título e descrição) ou usar essa imagem como fundo com o título escrito sobre ela (Por trás de título e descrição), também temos a opção de Reduzir para ajustar, se marcar essa opção e sua imagem for maior que a largura do seu blog ela será reduzida automaticamente.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

436 comentários:

  1. oLAAA EU ADOREII O SITE..só que eu fiz tudo q esta falando para fazer para colocar "mural", porem na hora q vou colocar no meu blog , aparece "URL tem caracteres inválidos", o que eu posso fazer??
    brigadão...

    meu email "nethyy182@hotmail.com"

    ResponderExcluir
  2. Nethy ♥
    sobre qual postagem está falando? sobre o site cbox? o código dele deve ser colocado pela pagina layout, adicionar gadget, html/javascritp

    ResponderExcluir
  3. Oi feliz ano novo! fiz esta dica e deu certo no meu blog. Obrigada.

    ResponderExcluir
  4. Excelente dica, Fabiano. Gostei bastante do seu blog.. Ele será muito importante para mim em minha volta para a blogosfera.

    Abraços

    ResponderExcluir
  5. Entendi e gostei,agora pergunto,pode ser usados em qualquer blog,sapo por ex.

    ResponderExcluir
  6. Parabéns pelo blog..
    Sou novata na blogosfera e já havia tentado fazer um banner mas sempre esbarrava na hora da hospedagem... Suas instruções forão claras e acertei na primeira.
    Muito obrigada...
    Feliz 2010.
    Bjos.

    ResponderExcluir
  7. Norma
    pode ser usado em qualquer blog, afinal os códigos html são os mesmos... apenas muda o jeito de colocar isso no seu blog

    ResponderExcluir
  8. olá! goataria de saber como colocar aquelas imagens girfs que ficam animando todo o blog: como borboletas! qual é o site? ou estou errada . deixa comentário lá no meu blog. http://umacidadecheiadegloria.blogspot.com/

    obrigadão se puder me ajudar.

    ResponderExcluir
  9. tiabenigna
    fazer gif animado é bem mais complicado, mas o procedimento é o mesmo que fazer outro banner comum.

    se achar uma imagem com animação em algum site pode salvar no seu computador e depois usar como banner, mas cuidado com os direitos autorais de quem criou a imagem.

    ResponderExcluir
  10. Cara, esse post me ajudou bastante, eu tenho um blog, ru tinha um banner, mas nao sabia como tornalo assim, muito obrigado Dicas para Blogs, se quiserem ver meu blog: www.sei-laaa.blogspot.com
    agradeço a ajuda ;D

    ResponderExcluir
  11. nossa muito massa eu aprendi e eu so comecei a fazer meu site hj dia 04/01/2010 e ja ta show

    quem quiser

    http://ban-djfelipe.blogspot.com/

    ResponderExcluir
  12. ótima postagem, só acho que era uma boa falar sobre o bannerfans foi lá que eu fiz o banner para o meu blog blog-pexe.blogspot.com e ele tem as opçoes de dar o dowload da imagem e já cria automáticamente códicos com e sem a caixinha com o código abaixo!!
    abraço!

    ResponderExcluir
  13. Ufa, depois de quase perder uma noite de sono, rssss..., consegui colocar o banner em meu Blog. Meu problema estava em pegar o endereço certo da imagem, mas com suas dicas, finalmente consegui. Adicionei seu Feed e sigo atentamente seus artigos. Obrigado

    ResponderExcluir
  14. existe um dicas para blog que é esse http://dicasparablogs.dihitt.com.br/ gostaria de saber se faz parte dos seus ou não pois sempre aparece nas pesquisas ,e pra mim o top é o seu que vem me ajudando desde o começo

    ResponderExcluir
  15. rafael

    sim, é nosso blog no dihiit

    http://dicasparablogs.dihitt.com.br

    ResponderExcluir
  16. Ola Fabiano gostaria muito mesmo é de poder fazer um MenuJump em meu blog começei fazer ele ja tem 1 mês

    http://download-netbr.blogspot.com/

    Se voce poder min ajudar eu agradeço
    manda pro email ou poste aqui mesmo
    brunobjlapa@hotmail.com

    Ficarei grato se conseguir o Menu.

    ResponderExcluir
  17. aqui tem um código de menu jump

    http://www.dicasparablogs.com.br/2007/10/menu-jump.html

    mas se for usar nos marcadores use nossa pesquisa para achar como fazer

    ResponderExcluir
  18. Bom dia! Estou gostando muito das dicas do seu blog! Ta muito massa! Você pode me ajudar sobre como eu faço pra por um banner em vez de deixar aquele titulo do blogger? Um exemplo do que eu quero fdazer, você pode entrar aqui: www.cafesemcreme.blogspot.com, vocÊvai ver que tem o titulo e em baixo o banner que eu fiz... eu queria tirar o titulo e por o banner no lugar dele! E mais um duvidazinha... Esse blog é de um amigo meu, eu que to ajudando ele, e na imagem q eu editei eu coloquei em baixo meu nome, e um efeito, com um link para enviar email pra mim. Só que não consigo fazer isso funcionar... tem como me ajudar?

    Muito obrigado! brasss

    ResponderExcluir
  19. Web Rike®
    entre na pagina layout e clique para editar cabeçalho do blog, isso abrirá uma janela e lá tem a opção de enviar uma imagem e colocar no lugar do título

    ResponderExcluir
  20. OI fabiano, consequi colocar em meu blog o código da cx. de link. Suas Dicas foram e serão sempre boas. Obrigado.

    ResponderExcluir
  21. Um bom site para fazer banner rápido e fácil é www.mybannermaker.com

    ResponderExcluir
  22. Seu blog sido bastante útil,mas já tentei muitas vezes, e outros blogs tb,hospedi a imagem mas não dar certo de jeito nenhum o que pode estar aconteccendo

    ResponderExcluir
  23. Megas promoções


    provavelmente o problema está no link da imagem, veja aqui:
    http://www.dicasparablogs.com.br/2009/07/imagem-nao-aparece.html

    ResponderExcluir
  24. galera tbm a um jeito bem mais rapido d efazer um banner mais são com estilos do site, o site :
    http://www.flashvortex.com/
    oferece criação d menus,banners,botões,etc.


    boa sorte.(sem cadastro)

    ResponderExcluir
  25. Este post é óptimo. Excelente trabalho. Parabéns!

    ResponderExcluir
  26. Ótimoooooo Blog...
    Otimoo Post...
    parabens...
    depois de uma passada no meu blog de Downloads...
    www.e0800.blogspot.com

    ResponderExcluir
  27. o Dicas para Blog ta la nos meus parceiros do Blog
    depois passa laa

    ResponderExcluir
  28. Esse blog é tudo de bom...
    Meu blog está muito mais atraente depois q conheci essa blog de dicas...
    Obrigado Fabiano Roberto...
    Jah Bless... \o/

    ResponderExcluir
  29. oie...eu fiz um blog faz bem pouco tempo ...entao eu entrei no seu site pq queria fazer um banner!
    fiz tudo q vc falou mas agora eu nao consigo mais atuliza e personalisar meu blog pq da pop-up bloquiado!!

    SERA Q DA PRA ME EXPLICAR ISSO?!
    !!!!!!!!

    ResponderExcluir
  30. Vocês poderiam postar como se faz um fundo para um blog?

    ResponderExcluir
  31. Anônimo

    você deve ter alterado outras coisas no blog, fazer e colocar um banner não tem nada a ver com pop up ou atualizações

    ResponderExcluir
  32. Fabiano, já estou abusando, rsrs...Você pode me explicar como colocar no meu Blog a imagem e o código para quem quizer trocar Banner? Em qual gadget devo inserir? ou precisa mais algum codigo? Obrigado.

    ResponderExcluir
  33. Dorival, entre na pagina layout, adicionar gadget, html/javascript e coloque o código do seu banner.

    use nosso gerador de códigos.

    ResponderExcluir
  34. Fabiano, mais uma vez obrigado. Tudo Ok!

    ResponderExcluir
  35. Olá tudo bem?Eu estou querendo abrir um blog para mensagem de gifs para orkut,vc poderia me explcar como faço para colocar as mensagens com codogos para as pessoas colar e colocar no seu orkut?Se tem um algum blog ou site que fornessa estes codigos?
    Desde de já eu agradeço!

    meu blog:lembrancinhasveratoscanini.blogspot.com

    ResponderExcluir
  36. Lembrancinhas vera toscanini
    basicamente as imagens para o orkut são como os banners, ou seja você pode publicar uma imagem e colocar o endereço dela aqui em nosso gerador de códigos e o link da pagina da postagem e gerar um código como se fosse uma caixinha link-me normal depois pegar o código e colocar na postagem do blog

    ResponderExcluir
  37. Oi, eu copiei a caixinha link-me para meu blog, ate ai tudo bem fico la o banner e a caixinha embaixo, mas quando eu fui fazer o teste, eu copiei o código da caixinha para um blog meu de teste(Adicionar gadget, HTML/javascrip, e colei). mas quando eu clico na imagem no meu blog de teste não vai, fala que da um erro, tipo assim fica 2 endereço de sites no banner, era pra fica só 1,me ajuda ai plz.

    ResponderExcluir
  38. na hora de colocar o endereço do blog precisa por o http:// senão dá erro

    ResponderExcluir
  39. Olá, seu blog é fera, muitas coisas legais a aprender pra ajudar blogueiros como eu a deixar nosso blog mais bonito e util. Gostaria de saber se tem como inserir no blogspot um banner de titulo do blog em gif, fiz o banner, hospedei, mas para inserir titulo ele só fornece a opção de imagem, será que tem como alterar direto no html e como faço isso.
    Obrigada.
    nilmasoares.ka@gmail.com

    Bella

    ResponderExcluir
  40. Bella, entre na pagina layout e clique para editar o cabeçalho do blog, lá tem a opção para enviar a imagem.

    ResponderExcluir
  41. oi, eu sou thiago dan(nome disfarcado)
    Eu fiz o banner mas quando clica nao vai na pagina.
    O q eu faco?

    ResponderExcluir
  42. provavelmente usou o endereço errado do blog ou alguma coisa faltando no código

    ResponderExcluir
  43. oi, eu coloco ocodigo com caixinha link me, mas quando clica ele nao abre nada nem vai no blog
    o q eu faco?

    ResponderExcluir
  44. mas ele nao vai no "caixinha link-me" mas so entra no imagem com link

    ResponderExcluir
  45. testei o gerador de código e está funcionando normalmente

    ResponderExcluir
  46. olá parceiro, parabéns pelo blog.
    eu tenho um blog e não estou conseguindo colocar uma imagém gif no lugar do cabeçalho do blog.

    ja coloquei imagens normais, mas um banner animado que eu tenho não estou conseguindo colocar no cabecalho mesmo hospedando a imagem no imageshak.
    um abraço espero q me ajude, assim como ja vem ajudando a todos os que vizitam este blog, valew

    ResponderExcluir
  47. é bem estranho dizer isso pois se hospedou a imagem fora do blogger ela deveria funcionar normalmente.

    tente colocar essa imagem como um gadget de html/javascript, como se fosse um banner comum, depois arraste até embaixo do titulo do blog, se der certo e quiser ocultar o titulo do blog entre na pagina editar html e procure por h1{...} e coloque dentro das chaves display:none;

    ResponderExcluir
  48. Obrigada, obrigada, obrigada...

    Adorei! Só não ficou melhor porque eu fiz o banner no photoshop e não entendo quase nada dele, mas agora, mesmo bem simples, meu blog tem banner para parceria.

    Beijinhos

    ResponderExcluir
  49. Penei um pouco para fazer o banner, já que não entendo dessas coisas...

    Mas quando consegui, meu primeiro pensamento foi: "Fabiano, meu xará, você é o máximo!" Valeu, obrigada!!!

    ResponderExcluir
  50. Muito bom isso. vocêis são muito bons *-*

    ResponderExcluir
  51. Adorei!!! Passa lá no meu blog e dá uma olhada, fiz um bem simples...eu fiz um gif no Photoscape, fui no Imageshack e depois criei uma caixa link-me, ficou ótimo! Adorei...wlw msm te aguardo lá eu já te linkei!

    ResponderExcluir
  52. Oi Dicas Para Blogs valeu por tudo que vocês postam , sem esse blog me blog ia ser , mais um daqueles chatos blogs , mas O dicas para blogs deixou meu blog melhor !

    ResponderExcluir
  53. Quero ser seu parceiro e de muitos outros, só que não sei fazer um banner, só sei mesmo colocar o codigo no lugar, só. estou tentando colocar um mural no meu blog e não consigo,ou um igual a esse. Se quizer me ajudar, agradeço. Faz uma visitinha no meu blog.

    ResponderExcluir
  54. Muito boa essa dica!!

    Valeu mesmo!!!

    Abs...

    ResponderExcluir
  55. Iae pessoal, olha eu tenho m blog, eu criei um banner no fireworks e coloquei no código html no dreamweaver mas quando eu coloco no blogger, quado vou visualizar o blog, não aparece.
    É a imagem de tpop, aquela que fica no alto, a que aparece primeiro. Alguém pode me ajudar?

    ResponderExcluir
  56. Destroyer
    você hospedou e usou o endereço certo da imagem é o direct link

    ResponderExcluir
  57. Gostei bastante mais não ensinou como fazer os banners com o Photoshop e Fireworks...por favor poste como fazer banners 120x60 nesses programas (Photoshop e Fireworks) pois como a imagem é pequena complica muito a minha vida xD!
    Ajuda aew PLZ

    ResponderExcluir
  58. o Fireworks e Photoshop são bem pesados, exigem muito do computador, além disso são pagos, acho melhor usar um programa gratuito

    Programas Gratuitos para Edição de Imagens

    ResponderExcluir
  59. Eu não sei como fazer, tipo, eu ospedei no imagesharck mas não sei o que tem que fazer...

    ResponderExcluir
  60. Destroyer
    use o endereço da imagem que hospedou em nosso gerador de código, depois é só colocar no seu blog como uma gadget de html/javascript

    ResponderExcluir
  61. Mas como faz pra colocar no topo, tipo, título da página, em cima de tudo?

    ResponderExcluir
  62. o titulo da pagina você altera na pagina layout, clicando para editar o cabeçalho do blog

    ResponderExcluir
  63. Nããããããããooo..... você não entendeu.

    É assim: Sabe onde tem um desenho, que mostra o nome do site? Eu quero sabe como faz pra modificar esta imagem, colocar outra.

    ResponderExcluir
  64. Olá Fabiano...
    Acho que você já postou uma tuto sobre a caixinha "link para esta postagem", porém não estou conseguindo encontrar...
    Mostre-me por favor, o link
    para eu entrar?
    Amo estar por aqui...
    Beijinho

    ResponderExcluir
  65. Natália
    aqui está o link para Caixinha com o link da postagem

    Destroyer
    mas para alterar essa imagem é editando o cabeçalho, você quer troca a imagem que está no lugar do titulo do blog, certo?

    ResponderExcluir
  66. Olá Fabiano, na minha emoção por ter feito meu blog...mandei email pedindo sobre como postar o bottom do twitter no blog. Ia até seguir tua dica e fazer 1 banner do twitter, mas quando estava configurando a caixinha seguindo tua dica, achei nos gadgets do blogger o "follow me" do twitter, ele ja vem pronto só colocar o nick do twitter, é da getrank.org
    se alguém quiser, é só procurar lá.
    Bah to adorando teu site..e dicas só tenho de controlar a ansiedade pois senão coloco tudo que vejo lá.. =p~ abraço

    ResponderExcluir
  67. Olá Fabiano!

    Cara valeu pela dica!

    Eu fiz um banner para o meu blog e não tinha dado certo, o link não funcionava. Com este seu tutorial deu certo!

    Obrigado e parabéns pelo blog, é o melhor!

    ResponderExcluir
  68. Aeeeee!!
    Muito obreigado graças a vocês consegui colocar link e a caixinha no meu banner!!

    ResponderExcluir
  69. Olha,fiz tudo direitinho,mas quando vou ver aparece aquela caixinha com um "x" vermelho...o que eu faço???

    ResponderExcluir
  70. Muito bom mesmo, já estou até utilizando e deixei seu bunner divulgado em um dos meus blogs.

    Grande abraço

    ResponderExcluir
  71. você deve estar usando o endereço errado da imagem, veja aqui: Imagem não aparece

    ResponderExcluir
  72. Parabéns pelo site... ele me ajuda em tudo o q eu tenho duvida!!!

    ResponderExcluir
  73. Oi, Fabiano,

    Muito obrigada pela dica. O banner ficou ótimo! Parabéns!

    ResponderExcluir
  74. nossa eu adorei há tempos estava tentando fazer um banner, mas queria um site que fosse em portugues, foi rapido e fácil o BannerFans e a caixinha link-me ficou maravilhosa , obrigada mesmo!
    bjus

    ResponderExcluir
  75. Parabéns pelo blog, Fabiano.

    Sensacional!

    ResponderExcluir
  76. Olá Fabiano, parabéns pelo blog. Sempre pesquiso qq coisa nele antes de alterar o meu.
    Estou com um problema no banner.
    Eu tenho a imagem, hospedo lá no imageshack, uso o seu gerador de códigos e tudo bem.
    O problema surge quando uso o GIMP2 (programa gratuito de edição) para escrever o nome do meu blog na imagem. Quando vou gerar o código na sua caixinha, ele até gera, mas não aparece o código quando coloco no meu blog. Fica a imagem em cima e a caixinha abaixo, onde deveria constar o código, fica vazia. O que muda quando uso o GIMP2 para escrever o nome do meu blog na imagem?
    Obrigado.

    ResponderExcluir
  77. Junnior não entendo o porquê deste problema, se gerou o código de uma imagem corretamente deveria funcionar com todas.

    não faz diferença onde fez a imagem, qual o código está gerando para o banner?

    ResponderExcluir
  78. Oi Fabiano.
    A primeira coisa que fiz hoje pela manhã foi tentar de novo e deu certo. Creio q foi falta de atençao de minha parte. Acho que eu não estava copiando o código inteiro gerado pela imagem com o nome do blog (o código da imagem sem o nome era menor).
    Desculpe o transtorno e obrigado pela atenção.
    Mais uma vez parabéns pelo blog. Estou sempre por aqui verificando as novidades.
    Abraços.
    Junior.

    ResponderExcluir
  79. nossa, perfeito, serviu como uma luva,esse post. ja te addicionei como parceiro, pois mesmo nossos assuntos sendo totalmente diferentes, seus conhecimentos serão essenciais nesse começo de vida aqui na blogosfera, valeu, tu é féra.
    meu blog: http://pregonoangico.blogspot.com/

    ResponderExcluir
  80. Excelente post, finalmente consegui fazer o meu banner para links....obrigada!!!

    ResponderExcluir
  81. eu quero botar um link
    do meu prorpio site
    porem nao quero que ele abra
    em uma nova guia.
    teria como fazer isso ?

    alias, exelente tutorial !

    ResponderExcluir
  82. para abrir na mesma janela é só não usar o target="_blank"

    ResponderExcluir
  83. Cara vlw eu tava procurando isso faz alguns dias e tava quase desistindo,mas ai vim parar aqui e consegui fazer meu banner,parabéns pelo blog muito bom,e continue com o bom trabalho!!!!!

    ResponderExcluir
  84. Estou querendo fazer isso já faz muito tempo, obrigada!!
    Seu blog está sendo muito útil para mim!

    Paula Souza

    ResponderExcluir
  85. Olá, o meu naum apareceu o código do banner, o que eu faço ?

    ResponderExcluir
  86. usou os endereço corretos da imagem e do seu blog?

    ResponderExcluir
  87. AeÊeeee

    finalmente um gerador que deu certo \o/

    eu amo esse blog *o*

    ResponderExcluir
  88. Olá, fiz tudo o que tinha no tutorial, mas não deu certo. Fica a imagem, mas na caixinha de link fica vazio. O link não quer ficar na caixinha. O que posso fazer para melhorar isso?

    ResponderExcluir
  89. Camila Alem

    qual o código que foi gerado ? se quiser mande para meu email

    ResponderExcluir
  90. Oi Fabiano, adoro seu blog, sou iniciante e diariamente faço consultas nos tutoriais!!! Estou com uma duvida!!! Estou fazendo tudo direitinho... mas não quero a caixa de link me!! então não clico nessa opção p/ gerar o codigo, eu clico na opção " imagem com linnk" mas nao aparece nenhuma imagem no meu blog, somente esses dizeres "This file removed dur to violation of imageshack Terms of serice or by user request". Aguardo! Abçs

    ResponderExcluir
  91. Mamãe Bebê
    provavelmente a imagem foi removida o imageshack, tem que hospedar novamente

    ResponderExcluir
  92. Fabiano, hoje eu consegui gerar a imagem com o código
    Seu blog é de muita ajuda pra mim :D

    Muito obrigada

    ResponderExcluir
  93. Oiii Fabiano


    seu site me ajuda mto... fiz tudo que tu orienta, porém a imagem não aparece... o q há??
    http://mybookis.blogspot.com/

    ResponderExcluir
  94. provavelmente está usando o endereço da imagem errada, veja aqui: Imagem não aparece

    ResponderExcluir
  95. Ótima dica. Já usei no meu blog e funcionou.Thank you.

    ResponderExcluir
  96. adorei as dicas para criação do banner. Só que quando coloquei no meu blog, a caixinha do link fica vazia. Você poe me ajudar?

    ResponderExcluir
  97. Profª Natália
    você usou o endereço certo da imagem, testei o gerador e está funcionando normalmente

    ResponderExcluir
  98. Usei sim, a imagem aparece a caixinha também, só que sem o código... Dê uma olhada: http://muitomaisbiologia.blogspot.com

    ResponderExcluir
  99. só uma curiosidade, qual programa vc usa ou usou para fazer seus banners pois achei eles interessantes

    ResponderExcluir
  100. дĿΞxдndЯΞ™
    uso o photoshop para fazer criar imagens, mas se quiser aqui tem alguns mais leves e gratuitos

    Programas Gratuitos para Edição de Imagens

    ResponderExcluir
  101. Puuuuxa, muito obrigado!!!! Agora posso fazer parcerias!!!
    MUUUITO OBRIGADO MESMO!!!

    ResponderExcluir
  102. Fabiano eu queria assim o meu banner umsa foto com link e uma area de texto que vai para a foto com link.

    Tipo assim:
    um banner com foto e uma area de texto para só a foto com link

    me manda o endereço do banner por favor

    informações:
    url da imagem:
    http://img713.imageshack.us/img713/5195/pinguimirado.gif
    endereço de site:
    http://pinguimirado.blogspot.com/


    se quiser mais informações sobre os dados ou como eu quero me fale


    Valeu Fabiano seu blog é ótimo

    ResponderExcluir
  103. aqui está o código da caixinha link-me

    <div align="center"><img src="http://img713.imageshack.us/img713/5195/pinguimirado.gif" border="0" /><br><textarea onFocus="this.select()" onMouseOver="this.focus()" rows="3" cols="15" name="textarea"><a href="http://pinguimirado.blogspot.com" target="_blank"><img src="http://img713.imageshack.us/img713/5195/pinguimirado.gif" border="0" /></a></textarea></div>

    ResponderExcluir
  104. Nao da pra fazer um banner com link e junto uma area de texto só com o banner?

    ResponderExcluir
  105. mas o código que mostrei a cima é isso ele mostra o banner e embaixo tem uma caixa com o código do banner.

    se quiser postar o código sem caixa é só copiar o código do banner e colocar depois da imagem.

    ResponderExcluir
  106. Eu queria saber se nao dava de colocar o banner com link para o http://pinguimirado.blogspot.com/
    nao o banner sem link

    isso é possivel?

    ResponderExcluir
  107. coloque o endereço do blog e o endereço da imagem em nosso gerador e aperte o botão imagem com link

    ResponderExcluir
  108. mas eu queria a imagem com link e em baixo a area de texto assim:

    o codigo q vc me passou eu quero igual a ele mas a imagem com link.

    entendeu?
    é possivel?

    ResponderExcluir
  109. Pronto fabiano eu consegui juntei uns codigos ai da caixinha e fiz oq queria

    juntei um pouco da imagem com link e alterei a text area e consegui

    Valeu cara seu blog é 10

    ResponderExcluir
  110. então no lugar do codigo da imagem antes de textarea coloque o código que está dentro da caixinha que já tem o link

    ResponderExcluir
  111. ADOOOOOOOOOOOOOOOOOORO!
    Suas dicas são simples, bem explicadas e fáceis de fazer...parabéns e continue conosco...obrigada. Khelen.

    ResponderExcluir
  112. ahhhhh! muito obrigadaaa!!!
    ameeeeii!! brigada mesmo!
    amei o blog e tudoo!
    bjs

    ResponderExcluir
  113. adorei as dicas.mas tem um porem ,nao consigo fazer com que quando clicam no banner vao direto pra o site anunciado.o q faço?

    ResponderExcluir
  114. use nosso gerador de códigos e coloque o endereço do seu blog, se pegar o código diretamente de um site que hospeda imagens ou cria banners certamente o link será para o site deles

    ResponderExcluir
  115. ADOOOOOOOOOOOOORO o "Dicas para blogs", sigo vcs....o blog é demais, aprendi muito com vcs e se hoje meu blog é muito mais atraente é pelas dicas de vcs, explicam tudo super fácil...vlw, brigadú, e continuem nos prestigiando....depois da uma passada lá no meu blog e se gostarem me sigam tbm, ficarei feliz...kiss....

    http://blablablanarede.blogspot.com/

    ResponderExcluir
  116. meu eu tenho muita preguiça de fazer banner da pra encomedar não?

    ResponderExcluir
  117. Vlw pela dica agora tenho um banner!!! Muito bem explicado.

    ResponderExcluir
  118. Achei este blog super fácil ,uma verdadeira pérola do conhecimento. Espero que continue assim...Grata ,Lu

    ResponderExcluir
  119. ola? só gostaria de saber uma coisa fiz tudo como indicado postei o html mas naum havia codigo na caixinha como assim naum consegui entender o pq fiz tudo certo....

    ResponderExcluir
  120. para fazer o código com a caixinha tem que clicar no ultimo botão do nosso gerador de códigos(caixinha link-me)

    ResponderExcluir
  121. Fabiano roberto eu coloco o link da imagem faço tudo certinho masi quando alguem pega o link que eu ja coloquei no blog, e coloca em qualquer outro blog quando clicam para ir para o meu blog , aparece , ops! parece que o link esta corrompido e em baixo aparece procurar em blogger, o que eu faço?

    ResponderExcluir
  122. você precisa colocar o link completo no gerador de códigos incluindo o http:// senão dá erro

    ResponderExcluir
  123. Eu queria saber se dá para fazer isto, com um Gif. Se não der, gostaria de saber, como faz para eu ter um igual ao do site colméia, que é um banner para se divulgar em outros blogs que se move. Obrigada

    ResponderExcluir
  124. Natali
    é possivel fazer com gif animado o procedimento é o mesmo

    ResponderExcluir
  125. eu só não conseguir diminuir a imagem:(

    ResponderExcluir
  126. o tamanho do banner tem que ser alterado usando algum programa para editar imagens

    ResponderExcluir
  127. ola gostaria que me ajuda-se estou faZ UNS 3 MESES Q ESTOU PROCURANDO PELO UM CODIGO AQUI NUM SEI SE TEM QUE E SO SIDEBAR E DA POSTAGENTE IGUAL A DE SITE http://www.downloadmx.net/ COMO FAÇO PARA TER UM SIDEBAR ASSIM E UM POSTAGEM COMO FAZ
    FABIOKAUA@HOTMAIL.COM 24HORAS NO AR

    ResponderExcluir
  128. o menu dele é feito com imagens e texto um link por vez, não é código dos marcadores do blog, assim:

    <a href="http://www.dicasparablogs.com.br/p/lista-de-tutoriais.html"title="Dicas para Blogs" target="_blank"><img src="http://img35.imageshack.us/img35/4456/dicas2.jpg" alt="Dicas para Blogs" border="0" />Dicas para blogs</a>


    claro que usando uma imagem no tamanho certo e escrevendo o texto depois do código da imagem

    ResponderExcluir
  129. Olá Fabiano tudo bem? Adorei o post, e consegui fazer o banner numa boa mas gostaria de fazer uma pergunta: posso fazer um banner escrito "acesse: www.dicasparablogs.com.br" e linkar o endereço ? Sabe, sem a caixinha link-me e apenas o endereço do blog linkado. Se der para ajudar, aguardo respostas. Beijos

    ResponderExcluir
  130. Paulinha
    se quiser fazer um link com uma imagem pode usar nosso gerador de código também, mas clique no primeiro botão imagem com link

    ResponderExcluir
  131. Nossa,muito obrigada pelas dicas HAHUA
    Eu estava me matando pra conseguir e vocês me ajudaram o/

    ResponderExcluir
  132. eu fiz tudo isso certinho, mas qndo finalizo, aparece a imagem e embaixo a caixinha está em branco e da da pra digitar nela...oq faço?

    ResponderExcluir
  133. Pedrooi
    use nosso gerador de código para fazer a caixinha link-me

    ResponderExcluir
  134. eu fiz tudo isso certinho, mas qndo finalizo, aparece a imagem e embaixo a caixinha está em branco e da da pra digitar nela...oq faço? (2)

    pois é, clico em gerar com caixinha, mas a caixinha continua em branco, não sei o que fazer, pois já tentei tres veezes...

    valeu!

    ResponderExcluir
  135. Obrigado pela moral que os senhores estão dando aqui. Este site é muito bom e proveitoso. Eu coloquei o banner de vocês em meu Blog com prazer.
    Deus abençoe a todos.
    http://lucianoac.blogspot.com/
    GOD RULZ!

    ResponderExcluir
  136. parabens pelo blog.
    add voces cm parceiros para retribuir a ajuda!
    entrem no meu blog: terere com narguile
    vlw

    ResponderExcluir
  137. muito legal mesmo. ta de parabens

    ResponderExcluir
  138. Meus parabéns,
    As dicas são simples objetivas e pronto.. tá lá meu banner no meu blog.

    Route 66 Classic Rock Radio
    [classicrockandbluesstation.blogspot.com]

    Grande abraço. e obrigado.
    Léo
    Grande abraço. e obrigado.
    Léo

    ResponderExcluir
  139. Olá,
    segui tudo o que tava escrito, porem a imagem não aparece, o que eu faço?

    ResponderExcluir
  140. a maior parte das vezes que ocorre erro na geração do código do banner é endereço errado da imagem, qual o endereço da imagem que está usando?

    ResponderExcluir
  141. Muito Bom!
    Curtir demais!
    Parabéns!
    http://blogdak-zona.blogspot.com/

    ResponderExcluir
  142. Gostaria de saber se é possível fazer links num banner, como por exemplo: colocar um menu no banner, a data e hora atualizada, e 4 imagens com links como facebook, orkut, twitter, youtube, como colocar isso tudo dentro de um banner ?

    Pra quando a pessoa clicar ir para o endereço escolhido?
    Um site como exemplo que me construiu essa dúvida foi http://www.comodivulgar.com/, ai existe um Banner com vários links ! Eu tbm quero =)

    Obrigado aguardo uma resposta : )))
    meu mail eh erisonmeira@hotmail.com qualquer coisa pode entrar em contato..

    ResponderExcluir
  143. na verdade podem ser varias imagens lado a lado que parecem ser uma só

    Imagens Lado a Lado, Fazer Colunas nos Gadgets

    ResponderExcluir
  144. Minha caixinha tah aparecendo sem o link, o que será que aconteceu?

    ResponderExcluir
  145. oh kara muito bom mesmo
    vou te divulgar hehe
    e se voce puder me ajduar tb me divulgando eu agradeço

    ResponderExcluir
  146. Karine Lima
    você colocou o endereço do seu blog no gerador de códigos?

    ResponderExcluir
  147. Oi...Eu fiz a imagem através do power point, depois de eu seguir todos os passos e colokar no blog a imagem fica mto grande...Pode me ajudar??

    ResponderExcluir
  148. OLÁ..GOSTARIA DE FAZER UMA PARCERIA COM VOÇE ESPERO RESPOSTA http://radiocidade24horas.blogspot.com/

    ResponderExcluir
  149. para criar uma pagina de parcerias você pode usar uma postagem ou pagina extra do blogger

    ResponderExcluir
  150. Olá uso suas dicas desde quando crie o meu blog muito legal valeu

    ResponderExcluir
  151. Muito bom esse tutorial
    eu sou administrador do blog: www.railsinho.com e do www.djbalion.com.
    E quero aprender a Criar um Banner bacana pra eles se alguem puder me ajudar ficarei grato tenho pouco conhecimento na ferramenta Photoshop

    Email/MSN: admin@railsinho.com
    Quem quiser pode adcionar desde que seja blogueiro tambem...
    até mais...

    ResponderExcluir
  152. Olá Fabiano! Eu coloquei o banner em meu blog, mas quando eu saia e entrava de novo, o link da imagem sumia. Queria que você me ajudasse!

    ResponderExcluir
  153. Aline e Suzana
    como colocou esse código... não entendi sua duvida... quando você sai do blog e entra novamente não aparece o link?

    ResponderExcluir
  154. Boa tarde,
    coloquei a barra de ferramentas personalizada no meu blog e nao consigo retira-la vcs poderiam me ajudar?

    ResponderExcluir
  155. Pingocomfrio
    o unicio jeito de retirar é achar onde colocou os códigos da barra e apagar... não tem como explicar melhor isso

    ResponderExcluir
  156. Obrigada pela ajuda, consegui criar o código para as plaquinhas que fiz pro meu blog.
    http://www.nomilktoday.blogspot.com/
    Ótima explicação.

    Abraços

    ResponderExcluir
  157. Fabiano, que pena que só agora encontrei o seu blog. Hoje eu fiz dois banners para meu blog novo mas eles não ficaram bons; além disso, eu uso a plataforma Blogger, que não me pareceu muito amigável em relação aos banners. Fiz o bookmark de sua página para seguir suas intruções amanhã, porque hoje já estou cansado. Gostaria de parabenizá-lo pela gentileza com que vc responde as dúvidas de seus leitores.
    Parabéns e sucesso,
    Sérgio

    ResponderExcluir
  158. Olá, não deu certo, pq quando eu insiro nos gadgets e atualizo a minha página dentro da caixinha onde devia estar o link, não está... por favor me ajude. Obrigada!

    ResponderExcluir
  159. veja se está utilizando os endereços corretos do seu blog e da imagem, envie o código como fez no gerador para meu email e vou olhar

    ResponderExcluir
  160. Obrigada era isso mesmo que estava procurando
    toda imformaçao desse saite e muito bom e de muita ajuda..continua assim. bjusssssssss

    ResponderExcluir
  161. sempre que procuro ajuda dou um pulinho aki..sempre encontro o que procuro tambem indico para os amigos...

    ResponderExcluir
  162. Muito obrigado pela dica, vocês são uma bênção.
    Herbert e Eliete. http://herberteliete.blogspot.com/

    ResponderExcluir
  163. Com certeza as dicas sao muito legais mesmo,pra quem está começando agora, é uma boa!Parabens..

    Só uma dúvida,Fabiano você futuramente estará disponibilizando tutoriais de como fazer banners
    em photoshop ou nao??
    Bom..curti muito esse blog,todas minhas duvidas tiro aqui..XD

    Forte abraço.

    ResponderExcluir
  164. Olá, gostei da explicação, mas quando vou para o meu blog,a caixinha do link-me fica em branco??????? Podes ajudar....
    email: sylvia.alencar@hotmail.com

    Grata

    ResponderExcluir
  165. Sylvia Christiane
    você colocou o endereço do seu blog e da imagem no gerador de códigos? ele está funcionando corretamente e faz o código pronto já com a caixinha e o código dentro dela...

    ResponderExcluir
  166. Olá1 Fabiano Roberto!
    Você faz banner de graça?
    É que eu tenho um blog sobre futebol e não sei fazer um banner legal.
    Meu email: geano.rodrigues@hotmail.com
    Me ajudar por favor!

    ResponderExcluir
  167. não criamos banners apenas indicamos varios sites e programa para editar e criar imagens que podem ser usadas como banners

    ResponderExcluir
  168. A minha caixinha tbm fica em branco. Revi os vídeos 3 vezes e refiz o procedimento 5 vezes.
    E ainda a caixinha fica em branco.

    ResponderExcluir
  169. testei o gerador de códigos é só colocar o endereço da pagina e da imagem e clicar no botão caixinha link-me depois copiar o código

    ResponderExcluir
  170. Pô cara valeu mesmo consegui fazer meu Banner, olha gente entra no meu Blog ae: http://wwwgamesdoano.blogspot.com

    ResponderExcluir
  171. Definitivamente vocês me ajudaram MUITO!

    Obrigada de coração.

    Meu blog: "EU QUERO!"
    http://radigehanna.blogspot.com/

    ResponderExcluir
  172. Oi Fabiano,
    fiz como indicou e deu certinho, a caixinha "linke-me" está funcionando.
    Obrigada por ensinar!
    Beijão
    Jac

    ResponderExcluir
  173. Segui as instruções o o que aconteceu foi que não apareceu a imagem mas sim um pequeno quadrado com uma cruz vermelha e por baixo na caixa link o código. Através de copiar e colar consegui colocar a imagem pretendida para banner. É possível colocar em baixo a caixa com o código? Como devo fazer?
    Sugestão- foi difícil descobrir o tópico banner pois não existe na lista na vertical à esquerda de dicas para blogs. Sugiro que seja adicionado. Obrigada

    ResponderExcluir
  174. esse quadro com cruz vermelha é porque o endereço da imagem está errada... veja aqui: Imagem não aparece

    ResponderExcluir
  175. Eu fiz tudo certo mas a imagem não aparece!E não quero com caixinha tem como fazer sem?

    ResponderExcluir
  176. para fazer o codigo sem a caixinha clique no botão imagem com link em nosso gerador de códigos..

    se a imagem não apareceu provavelmente é endereço errado da imagem

    ResponderExcluir
  177. Puxa, vc me ajudou muito, consegui fazer e colocar um banner no meu blog graças a vc. Valeu mesmo!!
    Passa lá p ver www.libiamaral.blogspot.com

    ResponderExcluir
  178. Tenho uma dúvida nessa parte : Agora que está com o código pronto é só entrar na pagina editar html, adicionar gadget, html/javascript e adicionar o código do seu banner com caixinha link-me, ele deverá ficar igual ao nosso: mostrando o banner e a caixa embaixo com o código do banner já com o seu link nele.
    Onde eu devo coloca-lo ??

    ABraços : http://quasefato.blogspot.com/

    ResponderExcluir
  179. o código que está dentro da caixinha é só pra mostrar.. outros blogueiros que desejarem pode copiar e usar seu banner

    ResponderExcluir
  180. Adorei sua dica, criei um banner pro www.pirandoo.blogspot.com quem puder segue, e parcerias são bem vindas vlw ^^

    ResponderExcluir
  181. Cara fiz como mostra no tutorial mas na hora de visualizar os banners fica uma imagem do imageshake em vez da minha e quando eu logo com a minha conta no imgshake ai aparece os banners sabe o que fiz de errado???

    Acessa o blog se quiser dar uma olhada para ver o que eu disse:
    http://barcafurada.com.br

    ResponderExcluir
  182. thiago o site imageshack tem deletado varias imagens... e não tem o que fazer a respeito disso...

    Hospedar Imagens no Blogger - Hospedagem Grátis

    ResponderExcluir
  183. tenho uma duvida
    eu preciso fazer um baner oficial pro meu fan club mais preciso de todas as medidas so lik-me tipo para me afiliar em um site da minha amiga tem que ser 65X 65 como fazer todas essa medidas?

    ResponderExcluir
  184. O´lá, eu fiz exatamente isso mas fica uma imagem branca com um "x", pq?
    http://mundiinho-feminino.blogspot.com/
    Preciso muito de um link-me!

    ResponderExcluir
  185. Mundinho Feminino
    se apareceu um x é porque o endereço da imagem está errada.. veja aqui: Imagem não aparece


    Lee Hyori Br

    você quer deixar os banners de outros blogs no tamanho 65x65? se for isso pode fazer com o código:
    <a href='endereço do blog'target='_blank'><img src="endereço
    da imagem" width="65" height="65" /></a>


    mas as imagens ficarão distorcidas...

    se for para criar seus banners precisa de algum programa para editar imagens então é só fazer no tamanho que desejar

    ResponderExcluir
  186. obrigado pela dica da cx de codigo eu estava quebrando a cabeça de como fazer isso,foi muito util,aliais o blog todo é muito bacana eu todo dia to aqui aprendendo pois sou novo ,to aprendendo quero mais por favor si poderem me dar dicas criticas serão bem vinda!!! obrigado um abraço!!

    ResponderExcluir
  187. Filmes jl agradece pelo se trabalho continue assim que você vai longe.

    ResponderExcluir
  188. Ei eu tentei fazer a imagem para uma página, eu fiz assim,ó: Criei a imagem no PhotoScape normalmente,Hospedei no ImageShack e dai usei seu gadget pra banner,dai eu coloquei no meu blog e dai não deu,ficou a imagem com um X e não apareceu a imagem. Oque eu façooooooooooooooooooooo?

    ResponderExcluir
  189. Olá, adorei as dicas, fiz um banner pro meu blog e deu tudo certinho. ;)

    ResponderExcluir