Favicon para el blog

Un favicon es esa imagen pequeñita que vemos al entrar en algunas web o blogs antes del título en la barra de dirección del navegador.
Alex me pregunta en un email como podría poner uno en su blog. :-)

[1] Lo primero será crear nuestro propio favicon y para no complicaros demasiado podéis optar por hacer como yo y crearlo online. En Favicon from Pics podréis hacerlo sin ningún problema, pinchando en Examinar subís la imagen que vais a transformar en favicon desde vuestro PC, os saldrá una vista previa, incluso sale un favicon con movimiento. Descargáis el favicon a vuestro PC en formato zip, una vez descomprimido nos dará tres imágenes en distintos formatos, escogemos la que está en formato.ico.

[2] Subimos la imagen a un servidor de archivos que admita el formato .ico, como por ejemplo SkyDrive.

[3] Vamos a Plantilla -Edición HTML y buscamos el título del blog, es decir, esta parte del código:

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

y justo antes colocamos esto:

<link href='URL DE TU IMAGEN-FAVICON' rel='shortcut icon' type='image/x-icon'/>
<link href='URL DE TU IMAGEN-FAVICON' rel='icon' type='image/x-icon'/>

Actualización:
Blogger ha cambiado algunas instrucciones en sus plantillas y puede darse el caso de que algunos favicones dejen de mostrarse, en ese caso tendremos que cambiar el código de posición.