martes, septiembre 05, 2006


Yaaaaaa tengo el.... Favicon


08, Nov. 2. Mi favicon y el de algunos amigos ya no funcionan, pero otros sí. La verdad, no sé en que consiste, pero creo que estas instrucciones ya no aplican para blogger. Lo siento.

07, Ene. 2. He modificado el post para aclarar algunas dudas respecto a la versión nueva (beta) de Blogger y cambié otras cositas pa'que entiendan más fácil. Chau.


Pos sí, resulta que había visto esos muñequitos junto al "http" en el navegador en algunas páginas y en algunos blogs como el de Olavia Kite (que sale un ojito) y el de otro que hasta le pregunté pero se me olvidó cual era. En fin, hice lo propio: inicié la búsqueda en Google, donde me topé con uno de los foros del web en el que "Pistemas" pregunta lo mismo que yo y "Jam1138" le dice que se trata de los "favicons" (favorite icon) y le muestra este otro capítulo del foro donde primero "Bonez" nos dice que debemos agregar el código...

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


...en la plantilla, entre las tags...

<head> y </head>

Ok, pero, "¿cómo le ponemos el 'tuicono.ico'?", pregunta de nuevo "Pistemas", para lo cual "Colettainternet" recomienda el sitio favicons from pics que fue donde yo subí mi imagen para que me la convirtieran en un ícono.

Entonces, de
favicon from pics bajas el archivo .zip que te hacen, el cual necesariamente debes descomprimir. Aunque Firefox te permite abrir archivos comprimidos, igual así no puedes usarlo. Para ello te recomiendo uno muy bueno llamado ZipGenius que es italiano y es gratis (así que no te van a humillar como hacen los de Winzip diciéndote "this is not shareware").

En la carpeta descompresa... o descomprimida... bueno, en esa, aparecerá:
  • Un archivo con extensión ".ico"
  • Una carpeta con un archivo ".gif" (que es el ícono que se mueve) y otro con extensión ".png".

Ahora toca subir uno de esos archivos a la red. Si dispones de un servidor (host) o una cuenta a un servidor gratuito, allí puedes subir (upload) el archivo con extensión ".ico". Pero si no, lo más sencillo es subir la imagen con extensión ".gif" (si quieren que el favicon se mueva como rodando) o si no la de extensión ".png", y esto lo pueden hacer en los servidores gratuitos de imágenes (que nos han recomendado en los comentarios de este post) como photobucket o imageshack.

Nota: En la versión "vieja" de Blogger se podían subir las imágenes en algún post, borrarlas y usarlas; pero en la nueva ("beta") ya no se puede, así que necesariamente toca subirlas fuera de Blogger. Enero 21. Y acabo de enterarme que para que el favicon se vea en IE, necesariamente debes subir el archivo ".ico", es que sólo Firefox y otro permiten formatos de imagen, pero Microsoft como de costumbre... well I'm sorry

Asumiendo que sabes cómo ver la ubicación URL (Uniform Resource Locator, jeje lo acabo de googlear) de tú imagen, esa que comienza con "http://....", pues esa dirección es la que pones en el código entre los "head" así:

<link rel="shortcut icon" href="http://
nombre_imagen.png">


Nota: en la versión nueva de Blogger debes cerrar el código agregando esto: </link>, o sea, así:

<link rel="shortcut icon" href="http://
nombre_imagen.png">
</link>

¿
Que dónde ponemos el código? pues aquí:

Nota: Si estás en la nueva versión, aquí

y ahí te queda.

¿Te antojaste? ¿Te animas a poner el tuyo?

PD. Ahhhh, y "C0lo" dijo que para que el muñequito se vea en IE, el sitio debe estar en los Favoritos: así que ya sabes, ¿no?