ARTICULOS

Personalizar el icono de favoritos

Autor: Steven De Winter (http://www.MiCantabria.com) - 18/06/2002

Seguro que os habéis fijado en un efecto muy curioso. Cuando añadimos algunos sitios web a nuestra carpeta de favoritos, aparece en esta carpeta con un icono a su lado. Y si visitamos esa web, ese mismo icono aparece en la barra de direcciones de nuestro explorador.

¿Cómo colocar un icono personalizado en los favoritos?

Es muy sencillo y nos puede ayudar a destacar, de forma que el usuario nos recuerde y vuelva a visitar nuestra web.

En primer lugar, para añadir este efecto necesitamos crear nuestro icono. Esto podemos hacerlo con la herramienta on-line de www.favicon.com o con herramientas como Microangelo o similares. El icono debe tener una medida de 16x16 píxeles.

El siguiente paso es subir el icono al directorio raíz de nuestro servidor.

Y para finalizar debemos incluir este código en la cabecera de nuestra pagina (entre <head> y </head>) , indicando la dirección del icono.

<LINK REL="SHORTCUT ICON" HREF="http://www.tuweb/favicon.ico">

Este es el aspecto que presentara nuestra web cuando sea añadida a favoritos:

Ejemplo de icono personalizado

Sin lugar a dudas es una forma de hacer más llamativa nuestra web para los usuarios y darle una apariencia profesional.

Steven De Winter
Steven@micantabria.com
http://www.MiCantabria.com

 

Más artículos sobre HTML

1. Todo sobre formularios en html
2. Varios links en una misma imagen
3. Referencia del código html
4. Tips para diseñar newsletters
5. Personalizar el icono de favoritos
6. Insertando un archivo Flash en una página
7. Links en una misma página
8. Eliminar menú Flash del botón derecho
9. Cuadro con las esquinas redondeadas
10. Evitar la caché del navegador
Más artículos...

Otros artículos...

Java Script Informar cantidad de caracateres
Java Script Proteger páginas con password
Accesibilidad El uso adecuado de los colores
Servidores FoxServ: paquete instalador para Windows
Hojas de Estilo Mejorando la apariencia de los formularios
Marketing Titulares atractivos
Hojas de Estilo Cambiando de color las barras de scroll
Java Script Precarga de imágenes en JavaScript
ASP Utilizando includes en ASP
Usabilidad Guía para diseñar páginas de error
Más artículos...