Como criar um código de selo do blogue

Pois é... Já se passou o dia 1 de Maio e voltamos ao trabalho felizes e contentes porque o Dia do Trabalhador continua e dá vontade de criar.

É prática comum haver selos nos blogues porque uma imagem vale mais que mil palavras, certo?

Para quem não sabe construir o código do selo em html (i.é. o logótipo do blogue) para depois colocar na gestão do blog - Personalização - Componentes, dou-me ao trabalho de o explicar e criar um exemplo:

1º Definir o alinhamento do parágrafo, que pode ser centrado (<p align="center">);

2º Colocar o endereço da imagem, onde ela foi guardada <img src=http://url_completa_da_origem_da_imagem.jpg border="0">), seguida do espaço de uma linha (<br>);

3º Colocar a codificação exacta da caixa de texto (<textarea onFocus=this.select() onMouseOver=this.focus() rows="3" cols="15" name="textarea">) que tem as instruções necessárias para quando se passa o rato por cima da dita caixa ficar tudo a jeito de copiar para levar e colar noutro blogue;

4º Colocar a referência (<a href=http://url_do_blogue.blogs.sapo.pt) à url do blogue, i.é., o endereço do blogue completo. Antes do http:// deve colocar aspas (") e depois do .pt deve colocar novamente aspas ("), bem como a referência à abertura do blogue em nova janela (target="_blank");

5º Colocar, de novo,  a url da imagem (<img src=http://url_completa_da_origem_da_imagem.jpg border="0">);

6º Encerrar os códigos, pela ordem inversa, que servem para completar a codificação do selo, sendo que </a> (fecha o <a href=), o </textarea> (fecha a caixa de texto) e </p> (fecha o parágrafo).

A seguir coloco o exemplo do código do meu blogue com tudo seguido e pronto a ajustar com os códigos do seu próprio blogue. Tudo é ajustável ao vosso critério, excepto os sinais (<, =, ", >) e as letras (p - parágrafo, img src - origem da imagem, br - espaço de uma linha, textarea - área de texto, a href - referências) que são prédefinidas:

<p align="center">

<img src=http://fotos.sapo.pt/azoriana/pic/001ac0p0  width="67" height="67" alt="Azoriana Blog" border="0">

<br>

<textarea onFocus=this.select() onMouseOver=this.focus() rows="3" cols="15" name="textarea">

<a href=http://silvarosamaria.blogs.sapo.pt target="_blank">

<img src=http://fotos.sapo.pt/azoriana/pic/001ac0p0 width="67" height="67" alt="Azoriana Blog" border="0">

</a>

</textarea>

</p>

Nota: Repare-se que optei por colocar as medidas da largura e altura, o título alternativo.  Tem falta das aspas (") junto da referência do "url do blogue" e da "url da imagem" porque, neste contexto, não é possível aparecerem. Quando estiverem a construir o vosso código é possível colocar as aspas.

Espero que esta dica seja útil e mãos à obra!

Boa sorte!