uso de favicon en Blogger

Favicon (del ingles 'Favorites Icon') es una pequeña imagen asociada con un sitio web, esta imagen o icono se muestra en los navegadores junto a la dirección de un sitio web y que sirve para que sus visitantes puedan identificarlos de forma visual, rápidamente.

Se puede crea un favicon con diversas aplicaciones (pagas o gratuitas) o medianteservicios online en los que puedes generarlo sin tener que instalar nada en tu maquina:

• FavIcon from Pics
• Favicon Generator
• Getfavicon
• Favicon Editor
• Favicon.cc

Una vez generado el archivo en formato .ico lo subimos a un servidor que admita este tipo de archivo, yo estoy usando para estas cosas SkyDrive y debo admitir con sorpresa que me ha resultado muy útil ya que podemos cargar en la carpeta pública prácticamente cualquier formato, (.css, ,.js, .ico, etc).

leer más

BLOGGER:

para los blogs creados en Blogger, vamos a Plantilla ---> Edición HTML y buscamos en el título del blog, la línea de código:

<title><data:blog.pagetitle><title>

y colocamos justo antes de ella el siguiente código:


<link href='url de tu favicon' rel='shortcut icon' type='image/x-icon'/>
<link href='url de tu favicon' rel='icon' type='image/x-icon'/>

Con esto todo debería funcionar ok, si no te aparece inmediatamente puedes probar borrando el cache del navegador o esperar a que este se resetee sólo luego de un tiemo; ten en cuenta también que algunas versiones de navegadores pueden no mostrar los favicons.
Por otro lado he leído comentarios de algunos usuarios a los que les ha desaparecido su favicon y ha sido reemplazado nuevamente por el de blogger, acá les dejo el link de un blog muy interesante El escaparate der Rosa con un par de soluciones a este problema en el post: favicon desaparecido, además de mucha información útil para personalizar tu blog.

WORDPRESS:
Para Wordpress puedes usar el plugin Blog Icons que te permitirá configurar de manera sencilla los favicons para tu blog mediiante un panel de configuración bastante sencillo e intuitivo.

HTML:
para insertar tu favicon en un sitio web es necesario una línea de código en el header de nuestro HTML:

<link rel="shortcut icon" href="http://tuweb.com/favicon.ico" />

Como pueden ver es bastante sencillo añadir este elemento de personalización a sus blogs o webs.

z diseño