Personaliza tu URL poniendo un icono en la barra de direcciones

Posted by ericm on 15 may, 2008 in BLOGGER |

En multitud de ocasiones habréis visto un icono en la barra de direcciones o en vuestros favoritos junto a la URL de algunas páginas web, como por ejemplo la nuestra, y que inconscientemente hacen que asociemos un logotipo o imagen a un determinado sitio.
El nombre de ese icono es Favicón, que resulta del término reducido de la palabra “favorites icon”.

Para poner un favicón junto a nuestra URL, los pasos que hay que seguir son los siguientes:

1. En cualquier programa de edición, creamos nuestra imagen o logotipo con un ancho y un alto iguales, por ejemplo 128 x 128 pixels y la guardamos en formato jpeg o gif.

2. El siguiente paso es convertir la imagen que hemos creado en un icono (.ico). Para ello, podemos realizar la conversión en FavIcon from Pics. Subimos nuestra imagen, le damos a generar y nos descargamos la carpeta, dentro encontraremos nuestro icono en formato ico, gif y png.

3. Subimos el archivo .ico al servidor de costumbre, los de blogger lo pueden hacer fácilmene en Google Pages.

4. Hacemos el llamado al icono desde el código de nuestra página, colocando entre las etiquetas <head> y </head> lo siguiente:

Nos olvidéis sustituir http://urldelfavicon.ico por la dirección url de vuestro icono.

Y esto es todo, ya tenemos nuestra imagen en nuestra web.