Un FAVICON es un pequeño icono que tiene las dimensiones de 16×16 pixeles y este se coloca automáticamente justo en la barra de direcciones de tu explorador de internet ya sea IE o Firefox, cuando nos metemos a algunos sitios webs, foros o simplemente blogs.
Bueno pues basta de tanta charla y comencemos a hacerlo.
1.- Lo primero que hay que hacer obviamente es diseñar algun favicon o imagén que tenga las dimensiones exactas de 16 X 16 Pixeles y guardarla en formato .gif o .ico que seria el ideal pero igual funciona así que mejor la guardamos en formato .gif, ya que es dificil encontrar a alguien que hostee, formatos de imágenes estilo .ico, pero si tienes hosting propio aparte pues hay puedes meter tu imágen formato .ico que es mas recomendable.
Ejemplo: 
2.- Ahora si no tienes hosting propio no te preocupes puedes alojar tu Favicon en Photobucket, que es mas que nada un hosting de imágenes, pero debes guardar tu Favicon en formato .gif, ya que Photobucket no acepta formatos .ico, ojo con esto. Si no tienes cuenta en Photobucket puedes hacerte una a travez de este Link.
3.- Despues de esto debemos ir a nuestro blogger y abrir la edición HTML. Y acontinuación buscamos la etiqueta.
<head>
4.- Copiamos este codigo y lo pegamos después de la etiquta anteriormente mencionada.
<link rel=”icon” href=”DIRECCION_DE_TU_FAVICON” type=”image/png”>
<link rel=”shortcut icon” href=”DIRECCION_DE_TU_FAVICON” type=”image/png”>
5.- Debes de quitar URL_DE_TU_FAVICON y en vez de eso poner la dirección de tu favicon ya sea .gif o .ico para que tu icono aparezca en los navegadores.
Ejemplo:
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “rel”.