Como cambiar el Favicon o icono del Blogger.com

Muchos se preguntan cómo hago para cambiar el icono del blogger? yo también lo estuve buscando, sudé la gota gorda y lo encontré ahora paso a explicarles paso a paso como se cambia el icono (Favicon) que viene predeterminado en todas los blogs de blogger .

El hecho de cambiar el icono es un toque de estilo a nuestro blog, cada bloguero tiene un estilo distinto, ¿porque llevar siempre ese icono si no es de nuestro estilo?.. Sin más palabreo acá van los pasos.

Pasitos:

Deben de crear una imagen con tamaño 16*16 pixeles, cada quién ve el diseño que cuadre con su blog.

Una vez creado y guardada la imagen se darán cuenta que el formato de la imagen es .jpg y lo que necesitamos para cambiar el icono de blogger es el formato .ico ... No desesperen que ahora les digo como se cambia el formato. Para convertir el formato .jpg a .ico tienen que ir a esta página dynamic y clickean en examinar, buscan su imagen y dan click en Create Icon. Luego le dan click en Download FavIcon para descargar nuestra imagen en formato .ico a nuestra PC.

Ahora que ya tenemos nuestro imagen .ico tenemos que alojarlo en un servidor de imágenes que acepte el formato .ico, para este caso te recomiendo Fileden (se crean una cuenta gratuita) que si acepta este tipo de formato.

Cuando suban la imagen les aparecerá automáticamente una ventana con el link del icono, les saldrá así:

http://www.fileden.com/getfile.php?file_path=http://www.fileden.com/files/2009/7/15/2545686/xxxx.ico

Solo copien desde el segundo http:// hasta el final del vinculo, les dejo un ejemplo de lo que deben de copiar: http://www.fileden.com/files/2009/7/15/2545686/xxxx.ico

Ya tenemos nuestra imagen diseñada, convertida a formato .ico y alojado en un servidor de imágenes. La gran pregunta es donde copio este link de mi icono? sigue leyendo....

Ingresa a tu cuenta blogger, entra a la opción Diseño y a Edición HTML y busca el siguiente código:

<title><data:blog.pageTitle/></title>

Y antes de este código pega el siguiente código:

<link href='http://sitio.com/favicon.ico' rel='shortcut icon'
type='image/x-icon'/>

Recuerda cambiar http://sitio.com/favicon.ico por el link de tu icono y luego Guardar tu plantilla y listo ya tienes tu blog con tu propio icono.

Yo también lo hice, acá les muestro como quedó.

Espero haber solucionado tu duda.