La palabra FavIcon es una abreviatura de "Favorites Icon" O__O
Y es el icono que aparece en algunos navegadores junto a la dirección de una página web, en las pestañas de navegación, en la barra de titulo y en los favoritos guardados, y es probable que ya lo conozcan. n_n
Pues bien ahora hay que hacer uno propio.
Para empezar necesitamos una imagen de 32x32 o 48x48 píxeles (o una imagen exactamente cuadrada xD jaja asi le hago yo).
Y vamos a la siguiente herramienta:
http://tools.dynamicdrive.com/favicon/
Solo tenemos que subir nuestra imagen con el botón Examinar... elegir el tamaño de nuestro futuro favicon, dar clic en el botón Create Icon y esperar...
Aparecerá un ejemplo con el resultado y ahora solo hay que dar clic en el botón Download FavIcon para descargar nuestro favicon.ico, ahora solo tenemos que colocar este archivo donde se encuentran los demas archivos de nuestra pagina web.
Ahora hay que editar nuestro código HTML para que el favicon se pueda ver.
Entre las etiquetas:
<head> ... ... </head>Pegaremos lo siguiente:
<link href="/favicon.ico" rel="shortcut icon">Donde habrá que cambiar /favicon.ico por la ruta donde se encuentra nuestro icono.
Así de fácil! n__n (espero haberlo explicado bien o_oU)
4 comentarios:
hola amorcito, esta muy lindo tu blog, eres muy inteligente n__n, te kiero mucho papito.
intereante. ahunke copiado
Y que queria petardo que crearan un artículo para que usted sintiera la creatividad... B A B O S O
wena, me salvaste de un año tratando de encontrar la solución.
Aún no termino mi sitio, pero si hay q empezar por algo, empieza por el favicon.
gracias!
Publicar un comentario