Soluciones: Favicons

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Category : Customization, FavIcon, Firefox, IE, Opera, Soluciones

Favicon, palabra corta de Favorite Icon, es aquella imagen (comúnmente de 16×16 pixeles) que representa el logo de un sitio web. Estas imágenes se ven a un lado del url en Opera y Firefox. Y como odio IE, no recuerdo si este es capaz de mostrarlas.

Photobucket

Aquí propongo una guía muy conocida para añadir un favicon a su blog o página de internet:

  1. Cree una imagen de 16 x 16 pixeles representando su logo. Le recomiendo el uso de GIMP, ya que con este se puede ahorrar el paso 2. Alternativamente puede visitar el sitio favicon.cc y desde ahí crear un bonito logo.
  2. Guarde su imagen en formato *.ico, y en caso de no ser posible esto puede usar este sitio para convertir su imagen a archivo icon.
  3. Photobucket

  4. Utilice algún servicio de hosting (por ejemplo: 110MB) que permita guardar archivos *.ico. Suba una copia de su archivo.ico a su host.
  5. Photobucket

  6. Ahora, un poco de HTML, la siguiente etiqueta busca la dirección de su imagen y la usa como favicon.

[link href="'direccion/a/su/archivo/*.ico'" rel="'shortcut icon"]

        Esta etiqueta deberá ir entre las etiquetas HTML de [head] y [/head]. Recuerde remplazar las [] por <>. Como se ve en la imagen: 

Photobucket

        Recuerde insertar la dirección de su icono. En caso de una página de internet, se recomienda que el icono esté en el directorio raíz.

Photobucket

        Por último, para blogs en blogger, vaya a Layout>Edit HTML> y busque las etiquetas . Copie, Pegue y ¡voilà!

Otros artículos en datatrv.net:

Post a comment