1. Crie uma figura (preferencialmente nos formatos JPG, PNG ou GIF) que contenha o logotipo ou nome do seu blog. Prefira uma imagem com as dimensões de 120 pixels de largura e 60 pixels de altura, que é o tamanho mais utilizado.
2. Hospede essa imagem em um serviço da internet. Dê preferência para serviços como o Google Sites ou o Webs, pois eles permitem que você faça o upload de uma nova imagem sem alterar seu endereço. Isso é importante para poder mudar seu banner quando quiser: se o endereço não mudar, quem já o tinha colocando antes em seus blog já verá automaticamente sua nova imagem, sem precisar mudar o código.
3. Gere o código da caixa. Adapte o código abaixo à sua necessidade. Importante: modifique os itens em negrito de acordo com sua necessidade.
<div align="center">
<img alt="TITULO-DO-BLOG" title="DESCRIÇÃO-DO-BLOG" src="ENDEREÇO-DA-IMAGEM" border="0" width="120" height="60"/>
<br/><textarea onfocus="this.select()" style="margin: 2px; width: 180px; height: 50px" onmouseover="this.focus()" name="textarea">
<a href="ENDEREÇO-DO-BLOG" target="_blank"><img alt="NOME-DO-BLOG" title="DESCRIÇÃO-DO-BLOG" src="ENDEREÇO-DA-IMAGEM" border="0" width="120" height="60"/></a>
</textarea></div>
4. Adicione ao seu blog um widget do tipo HTML/JavaScript
5. Pronto
Nenhum comentário:
Postar um comentário