WebXiss - Blog de diseño en la web

Un favicon es un icono de página, el cual es asociado a un sitio web o a un blog en particular, es una aditamento importante que podemos agregar a nuestro espacio en la red.

Por lo general un favicon es usado por los navegadores en sus barra de direcciones o en las pestañas de dichos programas, hay que tomar en cuenta que en la actualidad la mayor parte de los navegadores pueden tener varias pestañas abiertas en una misma sesión, por ende el favicon funciona como un logo que distinguirá en que pestaña se cuenta nuestro blog.

Ya teniendo conocimiento de que es un favicon, es hora de colocar el nuestro en nuestro blog.

Cualquier persona que tenga una bitácora alojada en Blogger sabe que el favicon por default que nos proporcionan es la B de Blogger, ya que millones de blogs están alojados en esta plataforma, es importante hacer un destingo en nuestro espacio, y para ello solo debemos realizar 4 sencillos pasos:

1. Crear o seleccionar nuestro icono.
2. Cambiar el formato de archivo a .ico
3. Subirlo a un hosting de imagenes en Internet.
4. Agregar un poco de código en nuestra plantilla.

Paso 1: Crear o seleccionar nuestro icono.

Si ya tienes tu logo eso puede servir (sólo debes asegurarte que las dimensiones sean de un cuadrado perfecto ej. 100 x 100), sino deberás abrir tu editor de imagenes (Photoshop, por ejemplo) y crear un icono de tamaño 16x16 px. Otra opción es la de encontrar en internet páginas donde ofrescan iconos y de alli seleccionar el que mejor nos agrade. Te recomiendo la pagina deviantart.com

Paso 2: Cambiar el formato de archivo a .ico

Este paso es opcional, ya que si nuestro archivo tiene la terminación .ico y un tamaño de 16x16, no deberemos realizar ninguna molificación extra. Aunque en la actualidad muchos navegadores aceptan las terminaciones .jpg o .png por estandarización deberemos de elegir la .ico, a continuación nos dirigiremos a la siguiente dirección www.favicongenerator.com y aquí seguiremos los pasos que nos indican, los cuales generaran el favicon tal y como debe ser.

Paso 3: Subirlo a un hosting de imagenes en Internet

Ya que hemos generado nuestro favicon deberemos de subirlo a un alojamiento para imagenes en Internet, hay muchas empresas dedicadas a este rubro puedes elegir la que más te guste, aquí te recomendamos a imageshack.us, lo importante es que copies la ruta de donde esta guardado tu favicon ya que la necesitaremos en el siguiente paso.

Paso 4: Agregar un poco de código en nuestra plantilla.

Estando en el escritorio de Blogger damos un clic en el link "Diseño"


Una vez que estamos en la página de edición de diseño, damos un clic en la opción "Edición de Html"

Buscamos la siguiente linea de código:


Y le añadimos la siguiente linea de código:

<link href=’Pega aquí la dirección de tu favicon‘ rel=’shortcut
icon’ type=’image/x-icon’/>

Solamente nos falta por dar clic en el botón de "Guardar Plantilla" y eso es todo, ya tendremos un favicon para nuestro Blog.