|
Si eres un blogger o tienes una página y te gusta marcar la diferencia, los "favicon" son una excelente opción. ¿Qué son los favicon? ¿Se comen? Son los diseños que aparecen en páginas importantes (como la nuestra), justo antes de la dirección del sitio. El segundo de los "micro íconos" que ha puesto de moda la Web 2.0.
 Favicon es una voz inglesa que mezcla dos conceptos 100% web: favoritos e íconos. Cuando te gusta un sitio y lo quieres dejar entre tus páginas de cabecera, sólo debes presionar el viejo Ctrl+D. Para distinguir un sitio de otro, entre tus muchos marcadores (favoritos en Firefox), estas diminutas fotos son muy prácticas.
Si pensabas que 80x15 pixeles eran casi imperceptibles, debes tener una lupa para apreciar los 15 pixeles cuadrados de los favicons. Para crear una de estas piezas de "joyería", dos sitios nos ayudan.
El primero es Dynamic Drive, que cuenta con dos grandes ventajas: es muy simple de utilizar y permite, además, crear íconos para Windows. Es cosa de escoger una imagen y presionar "Create icon". El sitio te preguntará adónde quieres guardar la imagen (favicon.ico) que te servirá para el Escritorio y tu página web.
La otra alternativa es "FavIcons from Pics" que permite insertar un texto que se desplazará "ad infinitum" y te muestra cómo quedará la imagen una vez instalada en alguna página. El problema es que siempre hay que bajar un archivo zip, dentro del cual vienen los documentos con extensión.ico.
¿Qué hacemos con el documento favicon.ico? Lo primero es subirlo a tu sitio. Es muy liviano, así que no hay problemas con la capacidad de almacenamiento. Eso sí, cerciórate que la dirección funcione.
Paso 2: Abre la plantilla HTML de tu sitio. En Wordpress.com hay que pagar 10 dólares para editar la hoja CSS. En Blogger, el trámite es gratuito. Como no me sobra la plata, hice la prueba en Blogger: fui a "Plantilla" -> "Edición de HTML".
Paso3: Blogger no me dejó subirlo porque sólo reconoce jpg y gif. Tuve que subirlo a Mediamax, un buen sitio que permite alojar 25 GB gratis.
Cuando veas el comando <Head>, inserta justo después las siguientes líneas:
<link rel="shortcut icon" href="/favicon.ico"/>
 Lo único que debes hacer es pegar la dirección del archivo en lugar de /favicon.ico. Lo siguiente es guardar la plantilla y ver el resultado final.
|
