Instalando un Favicon

Instalando un favicon

Hola Mi nombre es Omar. Navegando por la red y leyendo blogs, llegue al tuyo, veo que tienes conocimientos de esto de las compus. Estoy interesado en ir aprendiendo cosas de este tema. Pero me surgió una duda y quisiera saber si me puedes ayudar. Me gustaría saber como se puede poner una imagen en la barra o area donde esta la dirección que en tu caso es un pingüinito matrix. No pido que me digas todo, simplemente si me puedes instruir donde puedo leer algo para llegar a poder hacerlo. Algo que encontré el fin de semana, que esta relacionado con tu último post es algo de google que se llama google sugests te pongo la pagina: http://www.google.com/webhp?complete=1&hl=en aquí google te va sugiriendo palabras que completa conforme vas tecleeando para tu busqueda y esta hecho con algo que se llama Ajax que puedes encontrar en : http://adaptivepath.com/publications/essays/archives/000385.php . Bueno pues espero te parezca interesante esto y ojala me puedas ayudar. Saludos

Hola Omar, lo que tu quieres hacer se llama Favicon y es muy sencillo de instalar.

Un favicon ( abreviatura de “Favorites icon” ), también conocido como icono de página, es un icono asociado con un sitio o página web particular. Un diseñador web puede crear un icono y varios navegadores gráficos - como por ejemplo las recientes versiones de Internet Explorer, Firefox, Mozilla, Opera, Safari y Konqueror - lo usan. Navegadores que tienen soporte para favicon lo muestran en la barra de direcciones, a un lado de los favoritos ( o bookmarks ) o en la pestaña de la página. ( disculpen la traducción .. tomado de la wikipedia [Favicon]

Bueno pero basta de explicaciones y pasamos a los hechos.

Conseguir una imagen. La imagen tiene que ser lo más sencilla posible, de preferencia uno o dos colores a lo mucho. Se que mi favicon no cumple con esto pero se distingue de manera aceptable.

Crear el favicon. En Internet hay varios tutoriales sobre las características para crear un favicon, yo prefiero utilizar Favicon from Pics. En esta página web se sube la imagen que deseas convertir en un favicon y listo !!!.

Instalar el favicon.

  • Bajas el archivo que te entrega Favicon from Pics a tu computadora.

  • Subes el archivo favicon.ico a la carpeta que tu quieras en el servidor de tu página web.

  • Agrega el siguiente código HTML en tu página web entre las etiquetas <head> </head>

<link rel="shortcut icon" href="favicon.ico">

  • Y listo !!! tu favicon debe de estar instalado.

Notas sobre blogsome. Blogsome no me permite subir archivos con la extensión .ico ( y muchos servicios de hosting de imágenes ).

Así que abrí el archivo que me entregó Favicon from Pics lo abrí con Gimp y lo guardé como .gif

Lo subí como se hace en wordpress con la opción de Upload y modifique el código de la siguiente manera.

<LINK REL="SHORTCUT ICON" HREF="/images/favicon.gif">

Y funciona !!!!

Archivado en: Linuxman responde | | July 13, 2005
Agregar a del.icio.us | Enchilame Enchilame esta

7 Comentarios »

Enlace Permanente | TrackBack

Gravatar Image

# 1 | Averia
July 13, 2005 @ 12:56 pm    

Weeee cómo mola!! Muchas gracias por tu explicación, yo también lo he puesto en mi blog siguiendo tus instrucciones y funciona perfectamente :-)
Saludos!!!

Gravatar Image

# 2 | ponalgoyya
July 14, 2005 @ 10:50 am    

Cada dia se aprende algo nuevo, a ver si cuando tenga un ratito lo hago…

Gravatar Image

# 3 | ceritium
July 14, 2005 @ 7:42 pm    

mira nunca me dio por ponerselo al mio, pero se lo voy a poner ahora :P

Gravatar Image

# 4 | UFO
July 19, 2005 @ 1:18 pm    

Este truco es muy bueno, creo que salio hace cono 2 años en la revista Users.

Ahora te pregunto algo relacionando:
¿como hago para que aparezca el favicon cuando alguien se suscribe a mi blog via lector de noticias? Vi que varios blogs lo hacen cundo me suscribi a ellos via bloglines.com

Gravatar Image

# 5 | Grajeda
September 11, 2005 @ 5:29 pm    

siempre había querido ponerle su icono a mi página…

pero nada más no sabia como subir el archivo y la referencia

cuando gustes eres más que bienvenido a checarla y ver los frutos

:)

Gravatar Image

# 6 | pcero
November 12, 2006 @ 9:56 am    

Excelente explicacion. Muchas gracias.

Gravatar Image

# 7 | Minor
November 13, 2006 @ 8:13 pm    

Gracias por sacarnos de la oscuridad

RSS para los comentarios de este artículo.

Deja un comentario...

Los parráfos son automáticos, tu dirección de e-mail nunca será mostrada, los siguientes códigos en HTML están permitidos:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Este es un espacio abierto, puedes escribir lo que gustes respetando los siguientes puntos: