Como criar seu Banner?
1. Crie a figura para usar em seu banner.
Para criar a figura que representará o seu banner, basta utilizar um editor de imagens. Você não precisa ter intimidade com programas complexos: até mesmo o Paint, que já vem instalado com o Windows, pode fazer o trabalho. Eu por exemplo uso o Photo Scape e o Photo Filtre. O importante é seguir as orientações abaixo:
- O banner do seu site deve seguir sua identidade visual. Assim, busque usar as mesmas cores e fontes do seu site, para que as pessoas possam identificá-lo ao olhar para seu banner.
- O tamanho mais utilizado para o banner é 120 pixels de largura por 60 pixels de altura. Se você criar uma figura fora dessas dimensões, o outro site pode cortar ou deformar sua figura ao redimensioná-la.
- Um GIF animado pode chamar mais a atenção do que uma figura estática – desde que seja bem feito. Mas, se decidir fazer um, tome o cuidado para não fazer algo extravagante demais.
- Mesmo que você decida criar uma figura estática, salve-a no formato GIF. Caso você queira futuramente trocá-la por um GIF animado, basta substituir a figura atual onde ela está hospedada, e sua imagem anterior será substituída pela animação nos sites em que ela estiver publicada.
2. Hospedando sua figura.
Após ter criado sua figura, é necessário hospedá-la em algum local, para que fique disponível para todos os sites que desejem publicá-la. Se você já possui um serviço de hospedagem pago para seu blog, este passo é bem simples: basta fazer upload da imagem para uma pasta conhecida.
Caso você hospede seu blog numa plataforma gratuita, como o Blogger, é necessário hospedá-la em outro site. Até o possível hospedá-la no próprio Blogger, mas o endereço para a figura será extremamente longo e complicado para se divulgado.
Existem também, diversos serviços gratuitos para hospedagem de imagens na internet, como o Imageshack e o Photo Bucket.
Se você optar por usar o Imageshack (o melhor na minha opinião) você só precisa escolher a imagem (clicando em "Browse") e depois clicar em "Upload Now". Assim que carregar copie o código que está em "Direct Link".
3. Criando o código para divulgação do banner.
O próximo passo é criar o código que você colocará em seu blog para divulgação do seu banner. O código irá criar dois elementos: na parte superior será exibido seu banner e na parte inferior uma caixa onde os seus parceiros copiarão o seu código.
Abaixo está o código, que você pode tomar como base para criar o seu:
Os trechos que você precisa alterar estão coloridos:<p align="center">
<img vspace="2" hspace="2" title="Banner do Blog Virtual Pax" alt="Banner do Blog Virtual Pax" src="http://img252.imageshack.us/img252/9811/bannerdoblogvirtualpax.gif"/><br/>
<textarea onfocus="this.select()" style="margin: 2px; width: 180px; height: 50px" onmouseover="this.focus()" name="textarea"><a href=http://www.virtualpax.tk target="_blank">
<img border="0" title="Banner do Blog Virtual Pax" alt="Banner do Blog Virtual Pax"
src=http://img252.imageshack.us/img252/9811/bannerdoblogvirtualpax.gif /></a></textarea>
</p>
- http://img252.imageshack.us/img252/9811/bannerdoblogvirtualpax.gif - Troque pelo endereço da imagem que você hospedou anteriormente (no ítem 2).
- http://www.virtualpax.tk - Troque pelo endereço de seu blog.
- Banner do Blog Virtual Pax - Texto alternativo que aparecerá ao colocar o mouse sobre seu banner.
- 180 x 50 - Tamanho da caixa que será exibida com o código do seu banner.
O Resultado ficará similar ao de baixo:
Só isso galera, espero que eu tenha ajudado.
Essas dicas acima foram tiradas do blog "Gerenciando Blog".
0 comentários:
Postar um comentário
Por favor, leia as regras antes de comentar
1) Nunca fale mal de nenhum Pixtar, pessoa, blog, ou site aqui.
2) Nunca use nenhum tipo de palavrão.
3) Evite publicar quaisquer sites, blogs, e qualquer outro tipo de links nos comentários.
Seu comentário e sempre bem vindo, porém procure seguir as regras acima, ou ele será excluído.