Cambiar el favicon de tu blogger

El otro día navegando por las páginas de blogger para ver lo que publican me dí cuenta de que todas las páginas que tenía abiertas tenían el mismo favicon, todas tenían el que el servicio ofrece por defecto y decidí cambiar el mio, creo que es una forma muy sencilla de dar un toque personal y diferenciador a una página haciendo más fácil su localización entre multitud de pestañas abiertas o en los marcadores.

Los pasos a seguir son:
1. Crear el favicon, debe ser una imagen de 16x16 pixels en formato ico ó png
2. Subir el archivo a blogger ¿Qué crees que hace la imagen del favicon en este post?. Todas las imágenes que subimos a blogger son convertidas a png y se les asigna una dirección que puedes ver revisando el código HTML.
3. En el panel de control de tu cuenta de Blogger, en la pestaña "Plantilla" elegimos la opción "Editar html" e incluimos las suientes urls del favicon subido.

Esta línea ya está allí --> <b:include data="blog" name="all-head-content">

Esta línea la añadimos --> <link href="http://URL_del_favicon/favicon.png" rel="shortcut icon" type="image/x-icon">

Esta línea la añadimos --> <link href="http://URL_del_favicon/favicon.png" rel="icon" type="image/x-icon">

Esta línea ya está allí --><title>

4. Y ya está.

P.D. En Internet Explorer no funciona por varias razones, una de las cuales es que han ignorado las capacidades del formato png hasta hace muy poco y no las han implementado, si quieres que funcione en este caso tendrás que hacer unas pocas cosas extra:
- Para el paso 1, tienes que crear el archivo en formato ico, de 16x16 y 4 bits de profundidad de color.
- Para el paso 2, tienes que alojar el archivo en algún sitio que NO sea blogger y que respete el formato de los archivos.
- Para el paso 3, tienes que enlazar el archivo ico, y rezar para que funcione....(me da coraje porque hasta aquí las instrucciones eran sencillas, pero IExplorer lo complica todo)...

Será mejor que uses: