O banner apesar de ser pouco utilizado pode ser muito interessante na estratégia de novas visitas e no aumento de Page Rank, tal como diz o velho ditado "uma imagem valem mais que mil palavras".
Crie o seu banner em simples passos de Html
- Crie uma imagem criativa com o tamanho certo
- Aloje a sua imagem num servido na web
- Crie uma caixa de texto "textarea" com a imagem e link do seu blog
- Difunda o seu banner na web e no seu web site
1 - Tamanhos mais utilizados em Banner
- 120×60
- 120×90
- 125×125
- 120×240
- 234×60
- 392×72
- 460×55
- 468×60
Se trabalha com empresas de afiliados no seu blog certamente saberá identificar muitos dos tamanhos usados. Basta pensar nos formatos de anúncios mais usados e escolher o tamanho certo para a sua imagem.
Antes de criar o seu código HTML, aconselho a caprichar na imagem que vai utilizar, tente ser criativo tente chamar a máxima atenção levando os leitores a carregarem sobre ele. No fundo o banner é nada mais nada menos que um anúncio que deve ser divulgado por outras pessoas.
<O seu banner>
Antes de criar o seu código HTML, aconselho a caprichar na imagem que vai utilizar, tente ser criativo tente chamar a máxima atenção levando os leitores a carregarem sobre ele. No fundo o banner é nada mais nada menos que um anúncio que deve ser divulgado por outras pessoas.
2 - Alojar na web a imagem do banner
Se utiliza o blogger, basta carregar a imagem para um post vulgar, copie o endereço da imagem e poderá utilizar-la da forma que desejar. Infelizmente o blogger converte as imagem de movimento GIF. em estáticas, se for o caso poderá utilizar outros servidores gratuitos tais como o flickr.
3 - Crie o código html do banner
O código que deverá utilizar é idêntico ao seguinte:
<O seu banner>
<areatext rows="4" cols="50">
<a href="www.o seu blog.blogspot.com">
<src="Endereço da imagem" alt="Texto alternativo" title="Titulo do seu blog">
</a>
</textarea>
<a href="www.o seu blog.blogspot.com">
<src="Endereço da imagem" alt="Texto alternativo" title="Titulo do seu blog">
</a>
</textarea>
rows="Numero de linhas na vertical"
cols="Numero de caracteres por linha"
Não se esqueça de optimizar a imagem com o atributo title e alt.
Sem comentários:
Enviar um comentário
Antes de deixar o seu comentário assegure que leu todo o conteúdo, partilhe apenas dicas, sugestões ou dúvidas relacionadas com o conteúdo deste post, obrigado.