Criando banner para seu blog com caixa HTML para o código
Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.
Se está interessado em fazer parcerias com outros blogs, é fundamental ter um banner, e disponibilizar seu código na sidebar do blog. Para isso que serve este widget que desenvolvi. Com ele, é possível disponibilizar o seu banner e o código dele na sidebar do blog facilmente, apenas alterando alguns códigos. Caso ainda não conheça o programa de parcerias, ou não sabe como fazer parcerias com outros blogs, recomendo a leitura do seguinte artigo:
-> Parceria - Um meio de divulgação gratuito para seu Blog
Caso ainda não tenha um banner, pode criá-lo com a ajuda do seguinte artigo:
-> My Banner Maker - Criando um banner para seu Blog
Para desenvolver o widget, eu utilizei a ajuda do seguinte artigo:
-> Caixas para colocar códigos HTML
Se você já criou o seu banner, já pode utilizar este widget.
Adicionando ao Blogger
Para adicionar este widget ao seu blog no Blogger, acesse o painel do Blogger e vá em Design -> Elementos da Página -> Adicionar um Gadget -> HTML/JavaScript. Cole o seguinte código na caixa de texto e faça as devidas modificações:
| <div class="separator" style="clear: both; text-align: center;"> <a href="URL_DE_SEU_BLOG"><img border="0" src="URL_BANNER" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <b>Divulgue este blog</b></div> <form> <div style="text-align: center;"> <textarea cols="40" name="myForm" rows="1" wrap="virtual"><div class="separator" style="clear: both; text-align: center;"CÓDIGO_BANNER</textarea> <b><span class="Apple-style-span" style="font-size: x-small;">Criado por </span><a href="http://www.desenvolvimentoblogger.com.br/"><span class="Apple-style-span" style="font-size: x-small;">Desenvolvimento Blogger</span></a></b></div> </form> |
Substitua URL_DE_SEU_BLOG pela URL de seu blog, URL_BANNER pela URL do banner que você criou e hospedou e CÓDIGO_BANNER pelo código de seu banner. Salve o widget e confira como ficou o resultado. Com esse widget, ficou mais fácil fazer parcerias com outros blogs através de banners. Pode utilizá-lo a vontade, mas lembre-se: não retire os créditos!
-> Porque não retirar os créditos de gadgets/templates?
30 Comentários:
Vinícius beleza?
Ou cara, tinha muito tempo que eu queria saber sobre disponibilizar o html do banner em meu blog, obrigado pela postagem tão esclarecedora. Mas, uma coisa ainda estou com dúvida. Como eu adiciono no Html que você passou o url do banner? Ele precisa estar na internet já? Ou se o banner estiver apenas no computador dá certo?
Meus blogs são:
www.eutembemsouextreme.blogspot.com, da minha escola de informática;
e www.blogdowaltim.blogspot.com.
Eu gostaria de disponibilizar o banner em ambos, se puder me ajudar amigo, eu agradeço.
Estarei te seguindo, parabéns pelo blog tão útil.
God bless you!
Walter Filho
@Walter,
É preciso sim hospedar sua imagem na internet para obter o banner. Recomendo hospedá-la no ImageShack, um ótimo site para hospedá-la. Escolha a imagem no seu computador (a imagem do banner) e clique em upload. Copie a URL e substitua-a no código.
Obrigado por visitar o Desenvolvimento Blogger!
Olá, fiz suas recomendações, mas não entendi a parte que está em vermelho sobre código_banner. O que devo inserir, aí?
@André,
Quando criamos um banner, hospedamos na internet e colocamos em nosso blog, ele terá que ter um código. O código que você usou para colocar o banner em seu blog que deve ser inserido nesta parte.
Cara parabéns pelo teu blog, sou iniciante neste assunto e tenho "fuçado" na internet em busca de ajuda, e o seu trabalho é um dos melhores!tem me ajudado muito.
Oi, meu banner é .gif.
Tem como hospedar .gif no ImageShack¿
Consegui, mas a caixa de texto fica por cima do banner.
O que eu faço¿
OBS:Coloco ¿ pq o meu teclado é espanhol, configurei pra português e o lugar da tecla anterior ficou excluído por causa do Shift.
@Carrapatos da Net,
É possível sim hospedar banner .gif no ImageShack. Se a caixa de texto ficou em cima do banner, é provável que você tenha feito alguma alteração no código. O código organiza automaticamente a caixa e o banner.
OlÁ, ADOREI AS SUAS DICAS. mE AJUDOU BASTANTE..MAS ESTOU TENDO UM PREBLEMINHA. eU FIZ O QUE VOCÊ DISSE, COLEI O CÓDIGO HTML QUE VOÇÊ FALOU MAS O CODIGO APARECE INCOMPLETO NA CAIXA DE TEXTO, O PESSOAL NÃO ESTÁ CONSEGUINDO ME ADCIONAR. o QUE FAÇO? Obrigada
@Nathália,
O código aparece incompleto, mas, ao copiado, é copiado por completo. Isso é normal nestes banners.
como faço para saber o que é o código do Banner!!!
@Sonhador,
É preciso criar um banner antes, e também um código para ele. Todo banner possui um código. Este código que desenvolve o banner.
parabens pelo seu blog... muito legal e útil... abraço
Me ajuda, a minha caixa para colocar html ficou muito grande, tem como diminuir? Grato.
@Pedro,
Basta editar a parte cols="40" do código.
Cara num conssegui muda o icone do meu ste nem criar um Banner.
O Banner eu não conssigo por q eu não conssigo ospeda-la no ImageShack quando o ImageShack termina de baixar a imagem ele trava!
Será que é por que eu uso o Google Chorome?
@Maurício Junior,
Tente hospedar por outro servidor ao invés do Imageshack, como o Flickr.
Vlw isso ajudou muuito ,consegui colocar button de parceria no meu blog ;)
Vlw manu adorei
Boa cara, estava necessitando disso :D
valew gostei muito
Oie!
Eu criei o meu banner com o BannerZest Pro v1, e na hora de hospedar a imagem, eu não consegui porque o banner completo fica em uma só pasta.
E agora?
Gabi Costa,
Como assim em uma só pasta? Nunca usei este serviço para criar banners.
Não entendi direito o que é CÓDIGO_BANNER.
Você pode dar um exemplo, por favor.
Obrigada
Teka,
É o seguinte, quando criamos um banner, ele deve possuir um código. Tudo o que está hospedado na internet só será carregado pelo navegador se estiver em forma de códigos. Em código_banner, deverá colocar o código que seu banner possui.
valeu! ajudou muito!
Estou com dificuldade na parte "Codigo_banner" o que eu coloco ai?eu coloco o nome do meu blog mas quando eu copio o codigo gerado pela a caixa de codigos e colo no blog de testes o banner não aparece.
Lucas,
Em "Codigo_banner", você deve colocar o código de seu banner. Você deve saber que, para fazer com que algo apareça em uma página da web, ele precisa de um código, assim como o banner.
Vinicius, esse negócio de crédito de não remover, até entendo a posição da pessoa que cria o widget. Mas no caso desse widget, voce realmente deixou ele pronto, só que o artigo sobre como criar a caixa para o código é bem mais simples na minha opinião do que copiar o Widget criado por ti. Pois, existe um site chamado http://www.bannerfans.com, cuja pessoa pode criar o seu banner da maneira que quiser, tornando ele mais pessoal, e sem a propaganda do site! Agora que não tem paciência ou não sabe muito de HTML, seu artigo facilita, embora não achei difícil criar o banner, e sou ruim de HTML.
Voltando ao caso da pessoa remover a propagando de quem criou o widget, não é porque a pessoa quer ter a autoria do widget colocando seu endereço url no lugar do endereço de quem criou. Mas sim, porque elas acham amador colocar com propaganda sem ela querer. Foi por isso, que deixei de usar os menus do Flash Vortex.
Oi. Estou a dias tentando criar um Banner e só aki consegui. Muito bem explicado.Bgd!
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.