lunes, 11 de julio de 2016

Poner un Favicon en mi blog


Que es favicon? es una palabra compuesta y se deriva de la frase "Favorite Icon"; por tanto se pronuncia "fav-aicon, un favicon es una imagen que se incluye en un sitio web y aparece en la barra de direcciones.


Blogger da la facilidad de agregar nuestro favicon en formato .ico pero en la mayoría de ocasiones solo guardamos la imagen con .ico y esto NO esta bien.

Los favicones manejan 2 dimensiones importantes para los navegadores 16x16 y 32x32, la mayoría de sitios utiliza 32x32, si tienes programas como photoshop o corel draw, te dará a elegir la dimensión y la posibilidad de editar pixel por pixel en caso de una modificación.

Si no manejas estos programas no hay problema, existen herramientas online que hacen el trabajo por nosotros. para tener nuestro favicon perfecto en formato .ico haremos lo siguiente:

1. Guardamos nuestra imagen (preferiblemente en formato png con transparencia) si es imagen cuadrada no hay problema.

2. Vamos a dynamicdrive y nos pedirá que subamos nuestro archivo, le damos en "create icon" y lo podremos descargar

3. Vamos a blogger, en la sección de Diseño vemos el bloque que dice "favicon", lo seleccionamos y podemos subir nuestro archivo

NOTA: Si no funciona por este medio (que rara vez no funciona) puedes probar insertandolo directamente en el código HTML de la siguiente forma

Entramos a plantilla y editar HTML, buscamos con CTRL+F la etiqueta <head>, abajo de esta pegamos

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

Reemplazando "favicon.ico" por la dirección URL de nuestro favicon, esta la obtenemos al subir nuestro archivo .ico a algún servidor que preste este servicio, como iconj

Con esto nuestro favicon debe de estar funcionando en un par de minutos (a veces horas) se recomienda borrar el cache del navegador.

Author:

Amante de la tecnología, el desarrollo web y de videojuegos, los blogs y el marketing Digital, 99% ingeniero en electrónica y telecomunicaciones, empecé con blogs hace 5 años, por falta de tiempo los abandone y los retome en el 2014, mi principal proyecto Hufsin.com

0 comentarios: