Crear iconos para la barra de URL

Si os gustaría crear un iconito para que aparezca al lado de la dirección de vuestra URL (FavIcon) en el navegador, como la B en Blogger, aquí hay una utilidad on-line que os lo genera :

http://www.htmlkit.com/services/favicon/

También los crea con animación.



Para cambiar este icono de la barra de dirección en blogger solo tenéis que poner en la plantilla este código entre las etiquetas head ...

< rel="shortcut icon" href="http://dirección del icono">



Por cierto, estoy trabajando en un nuevo proyecto de "Andrómeda web" con páginas dinamicas, que sustituira a la antigua, si alguien le gustaría trabajar en el proyecto escribiendo artículos que me lo comente, por ahora aquí esta el enlace de la nueva web de Andrómeda (ojo que no sustituira al blog, solo a la web actual en html estático), como veis he usado la utilidad de arriba para crear el FavIcon.


Andrómeda Web


Como veis el usar un servidor php y sitios dinámicos es como la noche al día en la construcción de un sitio web.

Un Saludo.


16 comentarios:

  1. muchas gracios por tu post, me ha servido mucho. Sin embargo, sólo he podido personalizar el icono para la página principal http://blog.redseca.cl las páginas secundarias, como las de etiquetas o de cada post en partícular, siguen apareciendo con el ícono de blogger ¿qué puedo hacer para lograr que mi icono aparezca en todas las webs?

    gracias.

    ResponderEliminar
  2. Hola Javier :

    Perdón por tardar tanto en contestar, pero me ha sido imposible ya que estuve de viaje por Ecuador.

    Bien al grano, la etiqueta debe estar en cada una de las páginas de tu web.
    En Blogger solo hace falta modificar la plantilla.
    Hay veces que el explorador tarda un tiempo en actualizar el icono, debe ser por que los guarda en cache.

    ResponderEliminar
  3. GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS GRACIAS

    Busqué esto por todos lados!

    ResponderEliminar
  4. Me salió, lo único: me pidió cerrar el tag. Si les da error, inmediatamente despues del código, ingresar < / link >

    ResponderEliminar
  5. Hola Andromeda!:

    Ya me he bajado el favicon de la pagina anterior pero no se como seguir.... ¿Qué pongo en "shortcut icon"? y ¿qué dirección pongo del icono? Tengo un blog de blogger...
    Muchas gracias!!!

    < rel="shortcut icon" href="http://dirección del icono">

    ResponderEliminar
  6. Vale, me ha dado cuenta que puse una errata, falta el elemento "link" :

    "link rel="shortcut icon" href="http://www.undominio.com/directorio/favicon.ico"/


    El rel="shortcut icon" es una constante, con lo cual no hay que tocar nada.

    Un Saludo.

    ResponderEliminar
  7. Thanks si funca
    http://konker_2.blogia.com/

    ResponderEliminar
  8. Oie wn donde cresta coloco tu codigo??? hice el favicon etc.... pero puta noce donde ponerlo.Respone luego porfa

    ResponderEliminar
  9. hola, maestro! pues fíjese que estoy muy agradecida por su generosidad en compartir lo que sabe ... pero creo que necesito un poco mas de ayuda.
    Cuando pego <"link rel="shortcut icon" href="http://agendapublicadigit.blogspot.com/favicon.ico"> me da error ... (lo pego despues de donde dice head ... podría auxiliarme? Gracias! y felicitaciones por su sitio! Cecilia

    ResponderEliminar
  10. Esta claro que en http://agendapublicadigit.blogspot.com/favicon.ico esta el icono de la B de Blogger que es lo que te sale, deberás poner la dirección URL de donde se encuentre el icono que quieres utilizar, para eso tendrás que tener algún tipo de hosting, ya sea de pago, gratuito, el que te de tu servidor de Internet, etc...

    ResponderEliminar
  11. subo el icono que quiero
    despues sigo las instrucciones y me aparecen codigos que tengo que pegar despues y antes de head (pero exactamente en que parte)
    luego me pide la direccion el nombre del sitio y mi correo
    y no PASA NADA

    ResponderEliminar
  12. Hola, la linea la debes poner entre las etiquetas HEAD y /HEAD , no importa donde la pongas siempre que este entre esas etiquetas.

    ResponderEliminar
  13. Hola. navegando por internet he encontrado este post. Estoy haciendo un curso web y me estoy empezando a viciar con este mundo.
    Os adjunto el link:
    http://surfeandoxlared.blogspot.com/2011/01/como-poner-un-icono-en-la-barra-de.html

    Un saludo

    ResponderEliminar
  14. Funciona! Muchas GRacias!
    ________________________________
    http://www.blogdecamisetas.com/

    ResponderEliminar