Crea tu favicon para Blogger

Vuelvo a postear el tutorial modificado, donde lo explico de una manera más sencilla. Espero que os sea de utilidad.

¿Qué es un Favicon? Según la Wikipedia es el "término reducido de la palabra inglesa "Favorites Icon". También conocido como icono de página, es un icono asociado a una página web concreta. Un diseñador web puede crear este icono y muchos navegadores gráficos pueden usarlos. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre de la página web en la lista de favoritos y en los títulos de las páginas."
Para crear el tuyo sólo tienes que seguir estos pasos:

1. Entra en http://www.html-kit.com/favicon/ y sube la imagen que quieras que aparezca cuando la gente visite tu blog. Se generará un favicon que tendrás que descargar. Te creará una carpeta con una imagen .ico y una carpeta llamada extra. Ya que blogger no reconoce la extensión .ico usaremos la imagen que hay dentro de esa carpeta "extra" que es .png.

2. Debemos subir el archivo "favicon.png" a un hosting de imagenes, por ejemplo en http://img1.imageshack.us/. Una vez que subamos el archivo tendremos como resultado la direccion URL del icono.

3. Buscamos el siguiente codigo.

<title><data:blog.pagetitle><title>

Y a continuación añadimos:

<link href='http://tufavicon.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://tufavicon.png' rel='icon' type='image/png'/>

4. Sólo queda guardar los cambios y listo. La próxima vez que alguien acceda a vuestro blog verá vuestro favicon junto a la dirección.

Por último decir que este tutorial es sólo para usuarios de Firefox y Blogger. Si aún usas Internet Explorer, ya sabes: