14/08/2012

4 Passos para Criar Banners ou Imagens para Usar em Blogs e Sites

Fazer uma imagem ou banner para usar no blog envolve varias etapas: achar imagens ou fazer as próprias imagens usando programas ou sites para editar imagens, hospedagem de imagens, gerar código do banner, colocar o código do banner no blog e analisar os resultados no caso de banners de parcerias com outros blogs ou sites. Então vamos começar nosso tutorial passo a passo sobre fazer banners para blogs.

fazer imagens para sites

Criar ou Achar imagens para Banners

Existem muitos sites com imagens ou ícones para você fazer o download grátis, veja sobre isso nos links abaixo:

Achar Icones para Redes Sociais (Twitter, Facebook, Orkut)
Achar Imagens ou Fotos Parecidas no Google - Busca por Imagem
25 sites com Imagens Grátis para Baixar e Usar

Mas achamos que dificilmente encontrará um banner pronto para usar no seu blog por isso é bom ter um programa para editar imagens no seu computador afinal esse programa servirá também para criar imagens ou textura de fundo para usar no blog ou algum outro tipo de enfeite ou modificação no seu template. Já publicamos uma enquete sobre: Qual o melhor programa para criar e editar imagens? Mas existem também sites para fazer isso online sem precisar instalar nada no seu computador: Sites para Fazer e Colocar efeitos em Imagens Online. Porém consideramos mais vantagem ter o programa assim poderá aprender a usar melhor o programa e criar imagens cada vez com mais qualidade. Aproveite e leia também sobre fazer e proteger as imagens.

Hospedagem de Banners e Imagens

Se for utilizar uma hospedagem gratuita de imagens sugerimos fazer isso no próprio blogger criando uma pagina estática apenas para imagens e depois copiando a url da imagem (mais detalhes sobre Hospedar Imagens no Blogger). Mas caso use alguma hospedagem de imagem ou site que seja paga achamos melhor utilizar suas imagens nela assim poderá ter mais controle a algumas facilidades para futuras edições ou troca de imagens.

Fazer o Código HTML e Divulgar os Banners

O modelo de código HTML de uma imagem com a caixinha link-me é assim:

<div align="center"><img src="endereço da imagem" border="0" /><br><textarea onFocus="this.select()" onMouseOver="this.focus()" rows="3" cols="15" name="textarea"><a href="endereço do site" target="_blank"><img src="endereço da imagem" border="0" /></a></textarea></div>

Você só precisa trocar o endereço da imagem e do seu blog no modelo, mas se quiser aqui temos o link de um gerador de códigos para caixinha link-me. Outra forma de divulgar seu blog é colocar um botão no seu blog que instala automaticamente um gadget com seu banner em outros blogs como na imagem abaixo.


Se gostar desta segunda opção veja Como Fazer um Botão adicionar Gadget no Blogger.

Analisar os Resultados das Parcerias com Banners

Você pode adicionar um código junto com o link do seu blog que permitira você saber quantas visitas recebeu através de cliques naquele banner isso é muito útil para quem cria banners em vários tamanhos, cores ou modelos porque com isso poderá saber qual de seus banners gerou melhores resultados. Para fazer isso você precisa usar o contador de visitas Google Analytics e colocar no final do link do seu blog esse código: ?utm_source=gadget&utm_medium=codigo&utm_campaign=banner. Então o trecho do código do banner ficaria deste jeito:

....a href="http://www.dicasparablogs.com.br/?utm_source=essencias&utm_medium=codigo&utm_campaign=menu" target="_blank".....

Veja mais detalhes sobre acompanhar cliques em banners ou links neste tutorial: Analisar a Divulgação do seu Blog.

Para terminar queremos lembrar a todos que usam o FeedBurner que é possível fazer facilmente um banner animado mostrando os títulos das postagens recentes do seu blog como no exemplo abaixo, se gostou clique neste banner animado e veja como criar o seu.


Esperamos que gostem deste tutorial para ajudar a criar banners e consigam bons resultados com parcerias e sucesso na divulgação do seu blog.
Related Posts with Thumbnails

8 comentários:

  1. Fabiano,

    Bem legal esse sistema de link para podermos ver os resulatos de cliques e tudo mais em um aURL especifica, bem legal esse seu post. E com o passar do tempo aprendir umas coisas aqui e fora, percebi que você ama uns links internos no seu post,ótimia pratica SEO para seu Blog. Parabéns.

    Abração

    ResponderExcluir
  2. Olhe eu tenho tentado usar o banner fans, quando carrego em "Get The Codes" não funciona, me podem ajudar?

    ResponderExcluir
  3. Johny Man pode ser erro no carregamento do site, tente excluir o seu histórico de internet.

    ResponderExcluir
  4. onde encontro um codigo que vi para colocAR JANELAS DE ANUNCIO NO BLOG

    ResponderExcluir
  5. Marcelo os site que permitem anuncios deste jeito (janelas) já fornecem os códigos.

    mas você não pode usar isso com o google adsense porque pode gerar punições

    ResponderExcluir
  6. Obrigado, eu estava procurando um site que fizesse isso, mas os outros só davam resultados errados.

    ResponderExcluir
  7. Não achei...
    Qual o endereço dos seus banners?

    ResponderExcluir
  8. neste link temos alguns banners

    http://www.dicasparablogs.com.br/p/dicas-no-seu-siteblog.html

    ResponderExcluir