Favicon en los blogs de Blogger (in draft)

Desde principio del mes de julio, Blogger ha extendido a todos los usuarios de su modo "in draft", mejoras y cambios importantes en la interfaz de edición del blog.
Hasta el 7 de julio, y durante los dos meses anteriores, lo ha ido haciendo poco a poco hasta llegar a todos los usuarios de este modo de edición "in draft" que permite ir probando las nuevas funcionalidades antes de ser extendidas a todos los demás "bloggers".
Básicamente, los cambios afectan al diseño e interfaz pero, entre las pocas nuevas funcionalidades, destaca la posibilidad de incorporar un "favicon" desde el panel de edición del blog.
¿Qué es el favicon?

Leer más >>

favicon en los blogs de Blogger

Se llama favicon (es una abreviatura del inglés: favorites icon), a un icono gráfico que muestran los navegadores más avanzados a la izquierda de la URL en la barra de direcciones.

Hasta hace muy poco, este icono gráfico, no era mostrado por el Explorer. En su última versión ya sí.

También se visualiza en las distintas pestañas del navegador:

Para crear un favicon, lo que tenemos que hacer es:
1.- Diseñarlo.
2.- Subirlo a internet. A un servidor distinto de Blogger.
3.- Vincularlo desde Blogger.

1.- Diseñarlo.
El icono es una imagen gráfica con la extensión .ico

Hay algunos programas especializados en la realización de esta tarea. Entre ellos, el IconForge o el Microangelo. No suelen servir los editores gráficos más conocidos...

Pero lo mejor, es elegir una herramienta on line que transforma automáticamente la imagen proporcionada en un icono. Mostrándote, a la vez, cómo se vería en la barra de direcciones del navegador. Dicha utilidad es el FavIcon from Pics.

Hay que tener en cuenta el tamaño del icono. El más apropiado es el de 16 x 16 píxeles. Si eliges otra medida, tendrá que ser modificada.

2.- Subirlo a internet.

Puedes emplear cualquier alojador del que puedas disponer y que sea compatible con el alojamiento de este tipo de archivos .ico Una posibilidad gratuita es Mediamax.

3.- Vincularlo desde el blog.

Simplemente, en la plantilla del blog, dentro del head, al final del mismo por ejemplo, tienes que colocar la siguiente línea de código:

<link rel="shortcut icon" href="http://ladireccionquesea.ico" />
Imagen del código:

Aunque he rehecho toda la información, este post se lo debo a Carlos Solamente. Muchas gracias.

Actualización (18/02/08): parece que MediaMax ha dejado de alojar correctamente los archivos .ico En este blog, ha dejado de visualizarse el favicon hace como un par de semanas. He revisado el tema y me he dado cuenta que es un error en el servidor. He cambiado el alojamiento. Ahora tengo el .ico en EducaMadrid. Todo vuelve a funcionar. Como hay pocos alojadores gratuitos compatibles con estas imágenes, estaría bien que si alguien conoce alguno, lo compartiese escribiendo en los comentarios...