12 may 2008

Inserta favicon en tu blogger

Favicon (abreviatura del inglés 'favorites icon'), también conocido como icono de página, es un icono asociado con un sitio web o página web en particular. Un diseñador web puede crear este icono, y muchos navegadores gráficos pueden hacer uso de él. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre del sitio en la lista de favoritos, y al lado del título de la página en una interfaz de documentos en pestañas.

Para insertar un favicon a tu blog de blogger lo que tienes que hacer es:
  1. Crear una imagen o ícono de 16 X 16 pixeles que identifique tu web en cualquier software que desees, yo usé el Adobe Photoshop. Aunque en las webs que tomé de referencia indican que la imagen debe ser .ico comprobé que esta función también trabaja con imágenes .png y .gif ya que se me hizo difícil encontrar un servidor gratuito que acepte el formato .ico
  2. Subirlo en un servidor libre u otro servidor. Puedes usar un servidor libre como photobucket.com
  3. Ingresa al panel de tu blog Panel >> diseño >> Edición de HTML, y escribe la siguiente línea de código html dentro <head> y </head> antes del cierre de la etiqueta head.
<head>
.
.
.
<link href='http://tudireccionfavicon.png' rel='shortcut icon' type='image/png'/>
.
.
.
</head>

Compatibilidad:


Firefox >
Safari >
Opera >
IExplorer > (no funciona)


Puedes encontrar otras referencias favicon.ico:
http://angelpuente.blogspot.com/2007/10/favicon-en-los-blogs-de-blogger.html