Subtarea de creación de un botón antispam con el email propio

Esta tarea entra de lleno dentro de las competencias para tener habilidades dentro de la web 2.0. Se trata de una subtarea muy fácil de realizar. Es una acción que además de enseñarnos la fuerza de las aplicaciones del lado del servidor, es decir, que se hacen vía navegador entrando en un servidor lejano en la Red, nos va a servir como tarjeta de presentación en nuestro blog de cara a mostrar con ella nuestra dirección de email. Si la escribimos, sin más, los robots de Internet nos la pueden coger para sus bases de datos y enviarnos spam. Una imagen, hoy en día, no es vista por un robot. Por lo tanto la tarea nos sirve para implementar nuestro correo web con GMail de una forma elegante y funcional: con una imagen como las que podéis ver en la columna de este kernelblog en la parte inferior. Los pasos son, como siempre enumerados, los siguientes:

0.- Vamos a la cocina
1.- Cogemos una tazita y nos preparamos un cafecito o te de coca (si es de Colombia mejor) para empezar la tarea
2.- Les comentamos a los familiares o amigos que tenemos en casa que no nos molesten durante 15 minutos (no creo que os lleve más tiempo)
3.- Abrimos un navegador (Firefox, Flock, Mozilla o alguno de los que no quiero acordarme ahora)
4.- Nos conectamos a la Red
5.- En una pestaña nueva (CTRL+T) ponemos arriba del navegador la URL o dirección web siguiente:
http://services.nexodyne.com/email/
6.- Veréis esto (si hacéis clic lo veréis en grande; es un ejemplo real con el icono generado ya):

7.- Ponéis vuestra dirección de correo de GMail, Bigfoot, Sympatico o la que queráis de las que aparecen. Mejor si es la de GMail, y se genera sin más el icono haciendo clic en GENERATE (os saldrá algo parecido a lo que está en la imagen de arriba).
8.- El icono se genera mientras tomamos un sorbo del cafecito que quema, y situamos el ratón sobre el icono generado una vez hemos posado la taza del sabroso cafecito.
9.- Botón derecho del ratón y guardamos la imagen con SAVE IMAGE AS o GUARDAR LA IMAGEN COMO...
10.- Una vez ya tenéis el icono en vuestro disco duro, seguro que lo sabéis poner en Blogger con los siguientes pasos y dejándolo en Blogger mismo
11.- En el backend o panel de edición de Blogger entramos en el blog de cada uno y creamos un post que siempre va a estar en estado de borrador.
12.- Ponemos de título al post nuevo algo como: Icono de email antispam (para recordarlo siempre)
13.- En el cuerpo del post simplemente subimos el icono desde nuestro disco duro y después de hacer clic en FINALIZAR, vemos que la imagen se ha subido al servidor de Blogspot-Blogger.
14.- Vamos a la pestaña del editor que pone EDITAR HTML y vemos el código de la imagen. Al empezar la etiqueta <img vemos que dentro aparece la ruta de la imagen dentro de src y el entrecomillado. Empieza por http y es muy larga, terminado en .png. Esa es la ruta de la foto que copiamos con nuestro ratón (botón derecho y copiar la ruta del enlace o copy link location que le aparecerá a otros en inglés).
15. Vamos a la PLANTILLA del blog y la copiamos entera para guardar en el bloc de notas por si la perdemos sin darnos cuenta, ya que ahora vamos a cambiarla añadiendo código. La guardáis con el nombre plantilla_fecha.txt.
16.- Seguimos en la pestaña PLANTILLA o template del backend del blog y buscamos abajo del todo el sitio para poner el código justo debajo de la imagen de Blogger. Os dejo aquí el código [sólo tenéis que copiarlo y cambiar la ruta del mailto (email) y de la imagen, por supuesto). Este es el código (lo copiáis con el ratón y cambiáis los datos]:
<p id="powered-by"><a href="mailto:ejemplo@gmail.com"><img src="http://photos1.blogger.com/blogger/3804/3/maiz.png" title="buzón de correo de la profesora Maiz" border="0" /></a></p>
17.- Guardáis la plantilla con el cambio y la volvéis a publicar.
18.- Han acabado los 15 minutos y el cafecito está perfecto para tomar, no tan caliente como al principio. Nos sentimos plenos de alegría por lo fácil que hemos implementado nuestra tarjeta de presentación en formato de buzón de correo con extensión PNG (recordad que el formato gráfico PNG es libre y por lo tanto gratuito como la cerveza GNU/Linux).
19.- Volvemos donde la familia y nos volcamos en agradecimiento con ellos por el tiempo que les hemos robado.

[actualización a 9 de nov. de 2006, por Gorka]: estas imágenes o botones, para que sean totalmente efectivas ante los robots que recogen emails por la Red, deben no llevar el enlace al correo electrónico. Por lo tanto, les podéis quitar el enlace al email, simplemente suprimiendo la parte de código siguiente:
<a href="mailto:ejemplo@gmail.com">
además de quitar también la etiqueta final de cierre de enlace: </a>