Miren... estaba leyendo este manual:
1er paso: Haz un icono
Existen varias maneras por las que puedes crear tu icono. Puedes dibujarlo tú mismo con programas como paint o GIMP, o usar una foto o imagen que ya tengas. Lo importante es que luego lo guardes en un archivo de 16x16 píxeles de 256 colores o 24 bits (en el caso de una foto probablemente tengas que recortarla para que cumpla los parámetros).
2do paso: Convierte la imagen en un archivo .ico (opcional)
Nota: en realidad puedes utilizar casi cualquier tipo de imagen como favicon, pero realizando este paso y convirtiéndola en un archivo .ico, te aseguraras de que tu favicon tenga la mayor compatibilidad, y pueda ser visto por los usuarios de casi todos los navegadores.
Lo que tenemos que hacer es convertir la imagen en un archivo .ico. Este paso puede variar dependiendo de tu elección. Si ya tienes una imagen con las especificacion
es arriba señaladas, cambia la extensión del archivo (.png, .bmp, etc) a .ico, o al momento de guardarla selecciona la opción mapa de bits, y ponloe un nombre con el estilo "archivo.ico".
Si no entiendes nada sobre extensiones de archivo, existen páginas como esta o esta (que también te permite dibujar un favicon), que crean un archivo .ico a partir de cualquier imagen que quieras. El problema con esto, es que si la imagen no es del tamaño adecuado, el programa la recortará o redimensionará a su modo, y probablemente no quedes complacido con el resultado.
3er paso: Sube tu favicon a la web
Para poder utilizar tu favicon, tendrás que subirlo a Internet. Si escogiste utilizar una imagen png, gif o jpg, puedes subir tus imágenes en servicios como flickr, photobucket o picasaweb (asociable con tu cuenta de blogger).
Si decidiste usar un archivo .ico, tendrás que utilizar un servidor que te permita subir todo tipo de archivos. Te recomiendo el Internet Archive. Es muy conveniente, ya que no tiene límite para el tamaño de los archivos, ni estos son borrados si nos son usados. Sin embargo, recuerda que el Internet Archive está destinado para fines académicos, así que no lo uses para piratería u otros fines.
4to paso: Introduce el código en la página
No te asustes, el código es sencillo. Lo único que tienes que hacer, es pegar el siguiente código entre las etiquetas <head> y </head> de tu página (este es el código de la cabecera), y sustituir
Para ver este enlace Registrate o Inicia Sesion por la dirección donde cargaste tu favicon.
Código para páginas HTML:
<link rel="shortcut icon" href="
Para ver este enlace Registrate o Inicia Sesion" type="image/vnd.microsoft.icon">
<link rel="icon" href="
Para ver este enlace Registrate o Inicia Sesion" type="image/vnd.microsoft.icon">
Código para páginas XML (como las de Blogger)
<link href="
Para ver este enlace Registrate o Inicia Sesion" rel="'shortcut" type="'image/vnd.microsoft.icon'/">
<link href="
Para ver este enlace Registrate o Inicia Sesion" rel="'icon'" type="'image/vnd.microsoft.icon'/">
Nota: en el caso de que uses un tipo de archivo distinto al .ico, tendrás que cambiar la parte "image/vnd.microsoft.icon", dependiendo del tipo de imagen:
Archivos .gif: "image/gif"
Archivos .png "image/png"
pero por mas que lo intente no pude subir un favicon a mi pagina... alguien entiende este rollo?
Autor