Como crear y configurar un favicon en Blogger

Publicación original: Wayback Machine

Un favicon es el icono de un sitio web, el cual es parecido al de una aplicación. Puedo decir que un favicon es logotipo de tu sitio web, ya que representa tu sitio web en la busqueda.

Hoy les enseñaré como crear y configurar un favicon para Blogger a partir de una imagen normal:

Paso 1: Ten la imagen

Tal vez este sea el paso más “obvio”, pero si, es necesario tener una imagen para crear un favicon, la imagen que utilizarás para crear tu favicon debe ser:

• Formato .png
• Tamaño no superior a los 100 KB
• Imagen cuadrada

Además una recomendación mía es que sea una imagen recortada en la zona que se utilizara en el favicon, porque no puede ser una imagen vertical o horizontal, y lo de imagen cuadrada, no es fácil cambiarle la forma a una imagen de forma manual, ya que lo he intentado y es casi imposible, utilizarémos un servicio web.

Paso 2: Cambia la forma de la imagen

Te puedes saltar este paso si tú imagen ya es cuadrada, pero si tú imagen no es cuadrada, no podrás utilizarla como favicon, pero no te preocupes, porque puedes cambiarla de forma con el servicio web IMGonline.

Paso 3: Sube tu imagen a IMGonline

Para subir tu imagen a IMGonline presiona “Seleccionar archivo” y seleccionas tu imagen.

Paso 4: Selecciona “OK”

Déjalo cómo está y pulsa “OK”.

Paso 5: Descarga la imagen

Ahora que ya tenemos nuestra imagen procesada por el servicio, solo falta descargarla. Para poder descargarla pulsa “Download processed image” y ahora ya podremos utilizarla como favicon.

Paso 6: Ve a la configuración de Blogger

Para colocar el favicon en tu sitio web deberás ir a “Configuración” y pulsa en “Icono de página”.

Paso 7: Configurar el favicon

Este es el último paso y es el más sencillo. Para configurar el favicon debemos presionar “Seleccionar archivo” para poder seleccionar nuestro favicon y por último presionamos “Guardar” y así ya tendremos nuestro favicon configurado en el sitio web.