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
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.
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.
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.
Link para esta página
84 comentários:
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"
Nethy ♥
sobre qual postagem está falando? sobre o site cbox? o código dele deve ser colocado pela pagina layout, adicionar gadget, html/javascritp
Oi feliz ano novo! fiz esta dica e deu certo no meu blog. Obrigada.
Excelente dica, Fabiano. Gostei bastante do seu blog.. Ele será muito importante para mim em minha volta para a blogosfera.
Abraços
Entendi e gostei,agora pergunto,pode ser usados em qualquer blog,sapo por ex.
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.
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
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.
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.
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
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/
ó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!
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
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
rafael
sim, é nosso blog no dihiit
http://dicasparablogs.dihitt.com.br
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.
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
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
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
OI fabiano, consequi colocar em meu blog o código da cx. de link. Suas Dicas foram e serão sempre boas. Obrigado.
Um bom site para fazer banner rápido e fácil é www.mybannermaker.com
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
Megas promoções
provavelmente o problema está no link da imagem, veja aqui:
http://www.dicasparablogs.com.br/2009/07/imagem-nao-aparece.html
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)
Este post é óptimo. Excelente trabalho. Parabéns!
Ótimoooooo Blog...
Otimoo Post...
parabens...
depois de uma passada no meu blog de Downloads...
www.e0800.blogspot.com
o Dicas para Blog ta la nos meus parceiros do Blog
depois passa laa
Esse blog é tudo de bom...
Meu blog está muito mais atraente depois q conheci essa blog de dicas...
Obrigado Fabiano Roberto...
Jah Bless... \o/
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?!
!!!!!!!!
Vocês poderiam postar como se faz um fundo para um blog?
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
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.
Dorival, entre na pagina layout, adicionar gadget, html/javascript e coloque o código do seu banner.
use nosso gerador de códigos.
Fabiano, mais uma vez obrigado. Tudo Ok!
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
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
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.
na hora de colocar o endereço do blog precisa por o http:// senão dá erro
Valeu muito obrigado
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
Bella, entre na pagina layout e clique para editar o cabeçalho do blog, lá tem a opção para enviar a imagem.
oi, eu sou thiago dan(nome disfarcado)
Eu fiz o banner mas quando clica nao vai na pagina.
O q eu faco?
provavelmente usou o endereço errado do blog ou alguma coisa faltando no código
oi, eu coloco ocodigo com caixinha link me, mas quando clica ele nao abre nada nem vai no blog
o q eu faco?
mas ele nao vai no "caixinha link-me" mas so entra no imagem com link
testei o gerador de código e está funcionando normalmente
muito inportante
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
é 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;
Fabiano boa dica mesmo. Vlw
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
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!!!
Muito bom isso. vocêis são muito bons *-*
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!
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 !
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.
Muito boa essa dica!!
Valeu mesmo!!!
Abs...
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?
Destroyer
você hospedou e usou o endereço certo da imagem é o direct link
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
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
Eu não sei como fazer, tipo, eu ospedei no imagesharck mas não sei o que tem que fazer...
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
Mas como faz pra colocar no topo, tipo, título da página, em cima de tudo?
o titulo da pagina você altera na pagina layout, clicando para editar o cabeçalho do blog
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.
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
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?
Sim, certo.
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
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!
Aeeeee!!
Muito obreigado graças a vocês consegui colocar link e a caixinha no meu banner!!
Olha,fiz tudo direitinho,mas quando vou ver aparece aquela caixinha com um "x" vermelho...o que eu faço???
Muito bom mesmo, já estou até utilizando e deixei seu bunner divulgado em um dos meus blogs.
Grande abraço
você deve estar usando o endereço errado da imagem, veja aqui: Imagem não aparece
Parabéns pelo site... ele me ajuda em tudo o q eu tenho duvida!!!
Oi, Fabiano,
Muito obrigada pela dica. O banner ficou ótimo! Parabéns!
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
Parabéns pelo blog, Fabiano.
Sensacional!
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.
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?
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.
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/
Excelente post, finalmente consegui fazer o meu banner para links....obrigada!!!
Postar um comentário