ñblog: Utilidades y recursos para tu blog

Herramientas y sitios útiles para mejorar tu blog

Favicon: Tu icono en la barra del navegador.

19-06-2005

Gracias de nuevo a Mint descubro esta utilidad. Si os fijáis en el navegador (si tenéis Firefox que os recomiendo fervientemente a la fecha de este post) veréis el favicon de este sitio en azul con un punto blanco . Las medidas que tiene que tener la imagen son de 16 por 16 pixels, procurar que sea lo más sencillo posible para que se vea bien. Una vez que tenéis vuestra imagen o favicon diseñado tenéis que incluir el siguiente código entre los tags (etiquetas)
<head>
y
</head>
Código:

<link rel="shortcut icon" href="http://dirección de
vuestra imagen de 16*16">


Los que estéis alojados en bitacoras.com no olvidéis introducir ese código tanto en el archivo index.bit como en el comentarios.bit.

Vía | gblog

Referencias

URL: http://utilidades.bitacoras.com/archivos/2005/06/19/favicon-tu-icono-en-la-barra-del-navegador/trackback/

Avalúo y Tecnologías de Aprendizaje » nuevo favicon | 2005-07-25 07:47:57
[...] ÑBlog   Otras entradas 22/01/2005: Talleres IDEAL21/05/2005: Centros Gratuitos de Internet21/03/2005: Sindicar noticias de ATA19/11/2004: Coloquio sobre Internet03/07/2005: ÑBlog: una caja de herramienta [...]

Comentarios

  1. Parece simple, ¿verdad? Realmente se genera una pequeña foto a la que, por defecto, denominan favicon.ico
    Pero lo que soly yo, no he logrado colocar el código bien. No termino de entender cual es el "shorcut icon". Por otra parte, el código dado por favIcom es al contrario del que pones aquí:
    Código:

  2. Fer dice:

    quisiera saber como instalar mi favicon en blogger..o sea en que parte del template tengo que ubicarlo...muchas gracias..

  3. Francisco dice:

    en el caso de blogger, lo más recomendable es crear el favicono en Photoshop -o cualquier programa grafico que guarde como PNG-, con un máximo de 16 colores y a tamaño de 32*32, y subirlo a flickr.
    Una vez subido a flickr. copias la dirección que se le ha asignado a la imagen y la pegas en la plantilla, despues del de acuerdo a la siguiente pauta:





    A mí me funcionó, es cosa que revisen mi blog.
    Chaela :D

  4. blogum dice:

    Gracias , así lo hice yo, con una imagen png, aunque prefiero alojarlo directamente en mi blog, es preferible y siendo una imagen tan pequeña .

  5. Francisco dice:

    espero que ahi salga el codigo de ejemplo:

  6. Francisco dice:

    aqui está la imagen:

    http://static.flickr.com/33/59838344_5a782106ec_o....

  7. blogum dice:

    Es el mismo código que pongo en la anotación :)

  8. Cristian dice:

    Hola , gracias por el link como lo pongo en la coctelera?

  9. blogum dice:

    Creo que los blogs de la Coctelera no permiten editar las plantillas luego es posible que no puedas hacerlo. Necesitas acceder a la plantilla o indice de tu blog y añadir una linea de codigo para poder poner el favicon

  10. Una duda, el hosting de la imagen PNG se puede hacer por medio de Imageshack, por que no se usar el Flickr,

    Y quisiera saber si va dentro de aquí o va fuera de el.

  11. blogum dice:

    Por supuesto, puedes alojarlo en cualquier web de alojamiento, y si , va entre las etiquetas head de tu web

  12. Buenos Días. Estupendo el Blog. Quise poner el icono en mi Blog, pero no aparece el cambio. Tengo mi Blog en Bitacoras y no me aparece.

    En el Blog de Blogger si lo hace muy bien...

  13. blogum dice:

    A mi si me funciona en bitacoras.com como puedes ver con la ñ, no se que puede pasarte

  14. Ok. En qué archivos hay que copiar el texto entre los tags del Header? Lo hice en comentarios.bit y en index.bit. En menu.bit no encontré header...

  15. blogum dice:

    Yo tb lo hice en esos archivos entre los header y me sale bien, igual no pones bien la direccion de la imagen o su extension.

  16. Walter dice:

    Segui todos los pasos pero no aparece el favicon

    este es el codigo

    ">

    donde debe ir ubicado dentro de plantilla de blogger exactamente gracias

  17. blogum dice:

    Creo que le sobra una barra al final y hay que ponerlo entre las etiquetas head de tu plantilla.

  18. A veces es necesario borrar la caché del navegador para visualizar los cambios.

Agregar un comentario


Recordar datos
¡Un solo click vale!

ADN.esADN.es Medio Oficial Premios Bitacoras 2008: Horoscopo tauro