IMPORTANTE: Veja uma forma mais simples e atualizada para fazer um banner para seu site no artigo Como criar uma caixa de Link Me para o Blogger.
1. Crie a figura para usar em seu banner
-
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
3. Criando o código para divulgação do banner
<p align="center"><img vspace="2" hspace="2" title="Gerenciando Blog" alt="Gerenciando Blog" src="http://gerenciandoblog.webs.com/Gerenciando.gif"/><br/><textarea onfocus="this.select()" style="margin: 2px; width: 180px; height: 50px" onmouseover="this.focus()" name="textarea"><a href=https://www.gerenciandoblog.com.br target="_blank">
<img border="0" title="Gerenciando Blog" alt="Gerenciando Blog"src="http://gerenciandoblog.webs.com/Gerenciando.gif"/></a></textarea></p>
-
http://gerenciandoblog.webs.com/Gerenciando.gif – Endereço em que você hospedou sua figura (item 2).
-
https://www.gerenciandoblog.com.br – Endereço do seu blog.
-
Gerenciando Blog – 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.
Um detalhe muito importante: após gerar este código, você precisará passar o texto destacado em negrito pela ferramenta http://www.blogcrowds.com/resources/parse_html.php. Após clicar em "Parse", ela gerará um código diferente, que deverá substituir essa parte do código original.
<a href="https://www.gerenciandoblog.com.br" target="_blank"> <img border="0" title="Gerenciando Blog" alt="Gerenciando Blog" src="http://gerenciandoblog.webs.com/Gerenciando.gif" /></a>
Leave feedback about this