Añadiendo un favicon en tu blog...

Empecemos por el principio... ¿qué es un favicon?...

Pues según la Wikipedia:

Favicon (abreviatura del inglés 'favorites icon'), también conocido como icono de página, es un icono asociado con un sitio web o página web en particular. Un diseñador web puede crear este icono, y muchos navegadores gráficos puede hacer uso de él. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre del sitio en la lista de favoritos, y al lado del título de la página en una interfaz de documentos en pestañas.

Es decir, ese icono que podeis ver desde hoy junto a la url cuando accedeis a mi blog...

¿Y cómo se añade?...

Pues siguiendo los pasos que nos dan desde el Blog de Leo, y que yo os resumo aquí tal y como lo he hecho yo...

1. Consigue la imagen que quieras poner como favicon, en un tamaño de 96x96 px.
   


2. Ve a MyFavatar.com y date de alta como usuario. Te enviarán un email a tu correo para que confirmes tu inscripción y luego podrás continuar.
   


3. En la pantalla de 'Home' pulsa sobre 'Change Avatar'.
   


4. En la siguiente pantalla pulsa sobre 'Examinar' para buscar en tu disco la imagen que quieres poner y subirla al servidor.
   


5. Una vez realizado el paso anterior, ve a 'Edit Blog' para introducir los datos de tu blog. Si es un blog de Blogger, en la url acuérdate de poner una '/' al final del nombre para que no te de error al pulsar 'submit'.
   


6. Ahora ve a 'Favatar Codes' y selecciona el código en html que te sale en el recuadro de Favicon Code.
   


7. Con ese código, entras en la pantalla de administración de Blogger y pulsas sobre 'Plantilla' y pegas el código html que has copiado justo antes de la entrada <@/head@> (sin las @).
   


8. Si le das a 'Vista Previa', al abrirse en una pantalla nueva verás que ya se visualiza el favicon. Así que pulsas 'Guardar cambios de plantilla' y listo.
   

Y así de sencillo, ya tienes tu favicon en tu blog... un saludo.