¿Qué es un favicon?

El favicon de un blog o página web es un pequeño ícono que aparece en el navegador, al lado de la barra de dirección. En la siguiente imagen se muestra lo que estoy hablando:

El predeterminado favicon de todo blog de blogger, es el siguiente:
Este ícono que representa a Blogger, puede ser cambiado por otro que quieras. Seguramente esto ya lo sabías ya que hay miles de administradores de blogs que ya lo hicieron.
Por eso, te recomendamos ver el siguiente post y seguir los pasos que se muestran en el siguiente recuadro.

Cambiar favicon de mi blog

Entonces, sabemos que lo básico del favicon es una imagen pequeña o un ícono que represente a un blog que lo podemos ver en cualquiera de los principales navegadores.

¿Cómo debe ser el ícono?

El ícono puede tener las medidas que quieras. La desventaja de poner un favicon con una imagen muy extensa es que no se entenderá nada cuando se quiera ver en el navegador. Entonces, para que no ocurra esto, te recomendamos que tenga una medida mínima de 16x16, y una medida máxima de 128x128.
El formato puede se .gif (para íconos animados) .png o .jpg.
La imagen, debe ser algo sencillo, algo que sepas que se puede ver. Debe ser algo representativo del blog.

Vamos a los pasos

1. Crea tu ícono: Puedes hacerlo o descargarlo de una página y editarla. Procura de que sea desde 16x16 hasta128x128. Guárdalo en formato jpg, gif, o imágenes png.
2. Súbela a Blogger o a una página para subir imágenes
   
   
3. Copia la URL de la etiqueta a <a> en la solapa Edición de HTML. Ver el ejemplo de la imagen:
   
4. Pégalo en el siguiente código en donde dice URL de la imagen:
   

   <link href='URL de la imagen' rel='shortcut icon'/>

5. Ahora el código que nos quedó lo pegaremos en la plantilla. Así que iremos a Diseño → Edición de HTML → buscamos la etiqueta </head> (presionando ctrl+f). Arriba de </head> pegaremos el código (el del paso 4).
6. "Guardar cambios" y ver plantillas.

Para dudas: teoriablogger@hotmail.com | Contactar