martes, julio 04, 2006

Tutorial de inclusión de favicon


Para la inclusión de un favicon (ese icono que véis en junto a la URL del blog) hay que seguir los siguientes pasos:

Primero hay que seleccionar la imagen para generar el favicon, hay servicios web que la generan como éste (que recomendaron en microsiervos) que es muy completo y gratuito o bien este otro.

Seguidamente hay que subir el archivo generado a algún sitio web para acceder a él, photobucket (o blogger sin ir más lejos) por ejemplo y obtener la URL de acceso.

Para finalizar en vuestra plantilla, dentro de los tags de < head > hay que poner el código siguiente:
< link rel="shortcut icon" href="favicon.ico" / > dónde hay que sustituir "favicon.ico" por la URL de acceso a la imagen del favicon y recordar de quitar los espacios al principio y al final del tag. Si lo queréis animado (con gif adicional) deberéis incluir además:
< link rel="icon" href="favicon1.gif" type="image/gif" / > donde favicon1.gif es el otro archivo que debe seguir los mismos pasos que el .ico.

Fin, ya tenéis favicon, recargad el blog y lo veréis activo.

Esta entrada es a petición de Alvele Camur que me envía un correo preguntándome por el asunto. (Alvele resulta más útil si me envías la URL de tu blog, para que no tenga que buscarla en blogger ;) )

4 comentarios:

Alvele dijo...

Wuo!. Gracias por tu contestación rápida y eficiente!

No se me ocurrio que quisiera saber el blog -_-', soy un desastre.

PD: Te avisare cuando haga la remodelacion

Salva dijo...

De nada Alvele ;)

Albert Gallego dijo...

Llegas un par de días tarde... Yo también me hubiera aprovechado del tutorial si no hubiera encontrado la forma ya.
De todas formas, me apunto lo del gif animado, que no lo sabía.

Hugo dijo...

Lo malo de estas técnicas es que algunos facinerosos las emplean para poner cosas horribles, como, sin ir más lejos, una foto del Fary.