Imagen personalizada de una web

Muchas personas deséan cambiar el icono que aparece en la barra de direcciones, en la parte izquierda de esta.






Este icono se llama favicon. Cualquier persona que disponga de una página web podrá crear su propio favicon para distinguir a su web de las demás, siempre es agradable ver que una web tiene su propio logotipo o icono en la barra de direcciones, le da un toque algo mas profesional aunque sea realmente sencillo de hacer.

Se pueden crear favicon desde photoshop o simplemente transformando una imagen normal que tengas en tu pc, eso ya depende de cada uno. Si deseas conocer algunas formas de crear tu propio favicon visita este post.

Para colocar en tu web el icono deseado solo tendrás que añadir a tu código html una simple linea. En tu código busca la etiqueta </title> y justamente despues pega este codigo:


<link href='URL DE TU ICONO AQUI' rel='shortcut icon'/>

Deberéis cambiar unicamente URL DE TU ICONO AQUI por la dirección donde tengáis subida vuestra imágen. Si no sabeis donde subir archivos visitar este otro post.

Una vez escrito este código ya tendréis vuestro icono personalizado. Este icono solo se mostrará siempre en firefox y en algun otro navegador. En IE no aparecerá si la web no esta añadida a vuestros favoritos.