Hemos visto como cuando visitamos algunas paginas, en la pestaña o en la barra de direcciones, se muestra un pequeño icono con el logotipo del sitio o en ocasiones hasta un icono animado que baja y sube el logotipo, este icono es llamado Favicon.
Hoy tambien actualize mi otro blog y agregue mi favicon, de paso les diré como obtener facilmente su propio Favicon para que lo coloquen en su sitio o blog.
- Primero, Crea tu logotipo
- Segundo, Si ya lo tienes visita Favicon from Pics, en este sitio podrás generar tu favicon de forma sencilla, solo tienes que indicar la localizacion de tu imagen con el localizador y pulsar generate Favicon.
- Tercero, Despues de unos segundos la pagina te mostrara un ejemplo de como se ven tus favicons (icono y gif animado), descarga el archivo ZIP
- Cuarto, Descomprime el archivo y sube el archivo favicon.ico (si tambien quieres el animado sube el archivo animated_favicon1.gif) a un host tipo Geocities (Yahoo!)
- Quinto, Coloca el siguiente codigo entre las etiquetas <head> </head> del codigo fuente de tu sitio o blog:
<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif” >
- rel indica la dirección del icono, por lo tanto debes de indicarla completa, por ejemplo: http://geocities.com/545788/favicon.ico
Guarda los cambios y listo!
Si quieres más información, en el archivo ZIP descargado se localiza un archivo de texto con las instrucciones.


Como se hace para colocar el icono desde un estilo ya hecho???
El tema es que tengo muchas paginas y les quiero poner el icono a todas de un viaje.
Gracias!!
Una explicación mejor de como usar el Favicon la da Anieto2K, visita el enlace.
Aqui teneis otro generador de favicon online
http://herramientas.recuweb.com/favicon/
Espero que os sirva,
Saludos