Como colacar un FAVICON .

19 julio, 2007

Un FAVICON es un iconito de 16×16 pixeles que se coloca automáticamente en la barra de direcciones ,cuando visitamos algunos sitios, propiamente al lado izquierdo del URL. También se localiza en las pestañas de las paginas (FIREFOX) o en la lista de favoritos de los diferentes exploradores de internet.

Tratando de colocar el FAVICON para mi pagina encontré varias formas para hacerlo una realidad pero sin embargo la que me pareció mas sencilla es la que les anoto a continuación.

Paso 1. Lo primero es definir la imagen que nos servirá como FAVICON.

Paso 2. Lo ideal es utilizar un sitio para hostearla para obtener el URL de la imagen. (recomiendo PHOTOBUCKET)

Paso 3. Ingrese a su Blog, (PLANTILLA – EDICIÓN HTML) y ubique el de su plantilla.

Paso 4. Coloque el siguiente código justo arriba del tal y como se muestra en la imagen.


Paso 5. Coloque el URL de la imagen que será su FAVICON en lugar de “AQUÍ EL URL” (el url de la imagen debe de quedar dentro de las “comillas” estas no se deben de eliminar)



Paso 6. Asegúrese de haber realizado bien el proceso y guarde los cambios.

Una ves en su BLOG podrá ver su FAVICON debidamente instalado!

Comparto con ustedes algunas paginas que han cambiado el predeterminado por blogger en donde se utilizan los FAVICON personalizados.

TICO VAGO – SIRIDOW - TODITIKO

Actualización: Si lo haces de esta forma no es necesario cambiarle el formato a la imagen que deseas utilizar para FAVICON, es decir puedes utilizar la imagen hosteada en formato jpg y gif. Asi simplificarías el proceso.

Posted by h3dicho
Filed in blogger2, consejos, trucos
4 Comments »

4 Responses to “Como colacar un FAVICON .”

  1. lesther said:
    marzo 24th, 2009 at 1:06 AM

    Gracias por la info!! me sirvio de mucho. gracias!!

  2. Victor said:
    enero 21st, 2009 at 6:29 PM

    He visitado 3 sitios para poder colocar un favicon y en las tres me dicen que ponga el codigo en lugares distintos del header y no me resulta con ninguno!!!!!

  3. Nicolás said:
    noviembre 20th, 2008 at 8:56 PM

    Hola… ya subi la imagen en photobucket, en las dimenciones 16×16, tengo el URL donde se alojo, lo puse en el codigo que escribiste, en el lugar arriba de head, y me aparece un error en la plantilla. qQue puede ser… por favor ayuda. Desde ya muchas gracias. Nicolashttp://nicoavaro.blogspot.com/

  4. THECATNEGRO said:
    agosto 19th, 2008 at 8:51 PM

    hola trate de copiar el codigo pero es una imagen y no pude escribirlo gracias de todas maneras