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.
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.
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.
....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.
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.
Marcadores: Imagem de Fundo, Imagens, Iniciantes, Sites Úteis