Como criar uma caixa de "Link-Me" para seu blog.

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">
&lt;a href=&quot;ENDEREÇO-DO-BLOG&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;NOME-DO-BLOG&quot; title=&quot;DESCRIÇÃO-DO-BLOG&quot; src=&quot;ENDEREÇO-DA-IMAGEM&quot; border=&quot;0&quot; width=&quot;120&quot; height=&quot;60&quot;/&gt;&lt;/a&gt;
</textarea></div>

4. Adicione ao seu blog um widget do tipo HTML/JavaScript

5. Pronto


Nenhum comentário:

Postar um comentário