Cómo poner un favicon en Blogger

6 de febrero de 2009 418 comentarios ,
Es normal que muchos no sepan qué es un favicon, pues es relativamente corto el tiempo que ha pasado desde su creación. Bueno, pues un favicon es el ícono de un sitio web que aparece en la barra de direcciones; en la lista de favoritos (o marcadores); en el historial web; y en la pestaña del navegador. O sea en estos lugares:

Favicon
Favicon



¿Que para qué sirve? Basicamente para que los usuarios tengan más fácil acceso a los sitios que visita mediante el reconocimiento de íconos, o sea por mejor accesibilidad.

Bueno, ahora vamos a poner el favicon a nuestro sitio.

  1. Primero debes tener la imagen que quieres usar como favicon (generalmente el logo de tu página) en formato jpg, bmp, gif o png en medidas de 16 x 16px o 32 x 32px.
  2. Ahora hay que convertir esa imagen en formato .ico y para ello puedes hacer uso de cualquier página web que nos dé este servicio, como por ejemplo Dynamic Drive. Puedes usar tu favicon en formatos png o gif pero si quieres que se vea en Internet Explorer entonces deberá estar en formato ico.
  3. Entonces haz click en Examinar y busca la imagen en tu equipo. Luego click en Create Icon y descarga en tu ordenador la imagen en formato .ico
  4. Ahora necesitas subir el ícono en un servidor gratuito, aquí puedes elegir el que quieras, siempre y cuando hagas público el archivo. Yo les recomiendo Dropbox pues acepta toda clase de archivos.
  5. Ya que has subido el ícono al servidor entra en Plantilla | Edición de HTML, busca al inicio de la plantilla esta etiqueta:
    <b:skin><![CDATA[/*
    Justo arriba de ella pega este código:
<link href='URL del favicon' rel='shortcut icon' type='image/x-icon'/>
<link href='URL del favicon' rel='icon' type='image/x-icon'/>

El código debe verse así:

favicon blogger

Obviamente tú debes sustituir donde dice URL del favicon por la dirección donde tienes alojado el ícono. Si deseas que el favicon sea animado entonces lo haces en formato .gif
Algunos dicen que sólo basta poner la primera línea del código, pero yo les recomiendo que usen los dos, ya que algunos exploradores como el Internet Explorer no siempre muestran los favicones.

ACTUALIZACIÓN 1: Si el favicon no se ve, entonces pega el código después de esta etiqueta:
<b:include data='blog' name='all-head-content'/>
ACTUALIZACIÓN 2: Es posible que si el favicon no se ve tengas que pegar el código después de la etiqueta </head>


418 comentarios en:

" Cómo poner un favicon en Blogger "

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. Me ha servido de maravilla. Mil gracias!

    ResponderEliminar
  3. Y te quedó perfecto Cyber, de cualquier modo ya hice una actualización al post.
    Saludos.

    ResponderEliminar
  4. Hola amigo en que servidor puedo almacenar una imagen .ico

    ResponderEliminar
  5. Amigo la mujer me va botar porque me paso el día entero delante de esta PC y no logro nada no se vea el favicon no se que es.

    ResponderEliminar
  6. Hola Víctor, si aún no tienes un servicio de alojamiento puedes ver uno que recomiendo en este post es gratuito.
    Si tu mujer te bota entonces podrás acudir a Bloggers-Anónimos, jajaja.

    Veo que tienes mal la URL del favicon, cambia la que tienes por esta:
    http://www.fileden.com/files/2009/5/30/2461057/favicon.ico

    Si sigue sin verse cambia de servicio de hosting.
    Saludos.

    ResponderEliminar
  7. Eso acabo de ver, te ha salído muy bien.
    Saludos.

    ResponderEliminar
  8. Hola vi que tenes un favicon hermoso en movimiento tipo marquesina podrías explicar cómo lo hiciste???
    Un saludo y desde ya muchas gracias

    ResponderEliminar
  9. Hola Insomnya,
    El mío lo hice en Photoshop, pero puedes hacerlo igual en un sitio de internet de forma gratuita.
    En este sitio puedes hacerte de uno.
    Saludos.

    ResponderEliminar
  10. Muchas gracias por tu respuesta tan intantanéa. De hecho el favicon que uso para dejarlo en las faviconeras es uno que lo hice en esa página que me sugeriste y fue allí donde vi el tuyo y me encanto.Pero yo no logro hacer uno similar aunque lo anima y todo no logro que el nombre de mi blog aparezca en el mismo favicon en forma animada te dejo el link donde vi tu favicon hermoso y que es lo que en realidad me gustaría saber hacer. el link es este http://tecnologiaparalosquenosabemos.blogspot.com/2009/04/tu-favicon-en-mi-blog.html la faviconera donde aparece el tuyo está al final y se ve precioso aparecen esos edificios naranjas desde arriba y luego el nombre de tu blog moviendo de izquierda a derecha muy muy lindo.
    bueno me encantaría que me expliques como lo hiciste.
    Mil gracias.
    Un saludo

    ResponderEliminar
  11. Hola Insomnya,
    Me es un poco difícil explicarte cómo se hace, pero me he tomado la libertad de hacerte uno. Puedes descargarlo aquí y puedes usarlo libremente si lo deseas.
    Saludos.

    ResponderEliminar
  12. Muchisimas gracias !!!!!! está hermosísimo justo lo que quería mil gracias!!
    Ahora que ponga los enlaces de los maestro bloggeros voy a agregar el tuyo Muchisimas gracias sos un genio si pudiera te preparo tiramizu o algun postre y te lo envio jejej gracias hermosisimo.
    Un saludo

    ResponderEliminar
  13. Jajaja, muchas gracias. Te aceptaré el postre =)
    Cualquier cosa que necesites estoy a tus ordenes.
    Saludos.

    ResponderEliminar
  14. Muy bueno pero sigo sin resultados :(
    al final dice eso de poner ese codigo
    despues de la etiqueta.
    Pero podrias explicar como es eso :S?


    saludos!

    ResponderEliminar
  15. Hola Mathias,
    Pon el código antes de la etiqueta:
    <b:skin><![CDATA[/* y dime si con eso se arregla.
    Saludos.

    ResponderEliminar
  16. Gracias potro!!
    me ha fucinado de maravilla


    mil gracias :)

    ResponderEliminar
  17. nesesito ayuda no me sale el favicon creo q el url de la imagen esta maloo ayudaa

    ResponderEliminar
  18. Hola Anónimo,
    Sin saber la dirección de tu blog y del favicon me es imposible ayudarte.

    Saludos.

    ResponderEliminar
  19. http://beisbolchiricano.com/ ya lo he intentado un monton de veces pero no me sale el favicon grax

    ResponderEliminar
  20. Hola Anónimo,
    Efectivamente la dirección del favicon está mal, la tienes incompleta. Copia de nuevo la dirección del favicon y agrégalo.
    Recuerda que la dirección debe terminar con el nombre del archivo y la extensión, por ejemplo:
    http://cualquier-hosting.com/favicon.gif

    Saludos.

    ResponderEliminar
  21. bueno intente arreglarlo y arregle la direccion que estaba mala pero aun no funciona

    ResponderEliminar
  22. Hola Anónimo,
    Estás poniendo incompleto el código, copia de nuevo el que está en este post y sustituye la URL de la imagen.
    En el caso de tu plantilla debes pegar el código antes de <b:skin><![CDATA[/*
    Verás que haciendo esos cambios no tendrás problemas.

    Saludos.

    ResponderEliminar
  23. Amigo esto es lo que estoy poniendo en la plantilla = me sale error

    ResponderEliminar
  24. Hola Anónimo,
    Ya te mandé por correo el código, estabas poniendo la diagonal invertida y juntando espacios en el código.
    Espero y ya ande tu favicon.

    Saludos.

    ResponderEliminar
  25. Hola HP muggle,

    Un servidor de alojamiento gratuito como Imageshack, Photobuket, Dropbox, etc. En cualquiera que te permita alojar imágenes puedes subir tu favicon.

    Saludos.

    ResponderEliminar
  26. Potro no sale mi favicon mira mi blog y no sale:

    http://hpmuggleperu.blogspot.com/

    ResponderEliminar
  27. Hola HP muggle,

    Algunas veces se pone un poco rebelde Blogger y no los muestra. Prueba ponerlo antes de <b:skin><![CDATA[/* si con eso no se arregla entonces espera un par de días a ver si se muestra.

    Saludos.

    ResponderEliminar
  28. Gracias, funciona perfecto! De casualidad no tendrías alguna pista para lograr lo mismo con indexhibit? He editado el index del template muchas veces, sin éxito.
    Saludos

    ResponderEliminar
  29. Hola animalito,

    Me da gusto que hayas tenído éxito con el favicon. La plataforma Indexhibit nunca la he usado, por lo que desconozco cómo podría ponerse un favicon ahí.

    Saludos.

    ResponderEliminar
  30. Gracias de todas maneras. Ya encontre la causa del problema:
    Al tener el sitio redirigido a través de ZoneEdit, puse la opción de cloaked para que me oculte las rutas en la barra de direcciones (en lugar de mostrar www.animalitoland.net23.net, muestra www.animalitoland.com.ar y queda fijo sin importar las secciones que clickees) Al tener eso activado no se ve el favicon. Una manera de comprobarlo es entrar a la pagina con el nombre original, se ve perfectamente. Así que es cuestión de elegir. A mí me parece un detalle que no vale la pena, pero si a alguien le interesa sacrificar una cosa por la otra, es cuestión de ir la panel de control de ZoneEdit y sacarle la opción cloaked.
    (Nota: yo no entiendo ni una palabra de como funciona esto, fui levantando datos en distintos lugares donde gente maravillosa comparte lo que sabe. Esta es mi manera de colaborar, tal vez a alguien le sirva)

    Saludos!

    ResponderEliminar
  31. Wow animalito, pues muchas gracias por la info, estoy seguro que alguien con ese problema estará muy agradecido contigo.
    Gracias por compartir la solución al problema.

    Saludos.

    ResponderEliminar
  32. una pregunta lo qiero hacer , ya hise el favicon en esa pagina que pusiste , pero yo el favicon lo tengo en mis documentos que tendria que poner en lo verde ?

    ResponderEliminar
  33. Hola Bernal Oeste,

    Ahora sube tu favicon a un servicio de alojamiento para obtener la URL, si no sabes dónde subirlo en este post hay una recomendación muy buena:
    http://ciudadblogger.com/2009/04/alojamiento-de-archivos-gratis.html

    Ya que lo subas a internet copia el link del archivo y eso es lo que pondrás en donde está lo verde.

    Saludos.

    ResponderEliminar
  34. Gracias
    sos la unica pagina que satisface las necesidades de la gente en sus blogs.

    ResponderEliminar
  35. oye no me funciono mi pag es virusmakerme.blogspot.com

    ResponderEliminar
  36. Hola gu3r00,

    Tienes mal la URL del favicon, debe terminar en .png .gif o .ico
    En tu plantilla tienes esta dirección:
    http://tools.dynamicdrive.com/favicon/indexalt.php

    Por eso no se muestra el favicon, cambia la dirección por una con formato válido.

    Saludos.

    ResponderEliminar
  37. potro ya no sale mi favicon sabes que habra pasado?

    ResponderEliminar
  38. Yo lo veo perfecto. Algunas veces los blogs no lo muestran por momentos pero es normal.

    Saludos.

    ResponderEliminar
  39. No tengo idea, son caprichos del navegador.
    Saludos.

    ResponderEliminar
  40. Excelente!
    con la revisión 1º funcionó perfecto!!

    ResponderEliminar
  41. Hola Manuel Pulido,

    Me alegra que te haya funcionado.
    Saludos.

    ResponderEliminar
  42. Antes de nada, te agradezco de antemano todas las molestias que te tomas, eres un crack!!!! millones de gracias.
    Pero esto del favicon no sale, no se si es por el tipo de plantilla, o no se, me sale el simbolo del explorer (la tipica E).

    ResponderEliminar
  43. Hola ELO,

    Al final del post hay dos actualizaciones, trata de ponerlo en esos lugares. Si no resulta dime la dirección de tu blog para ver el código.

    Saludos y gracias por tus comentarios.

    ResponderEliminar
  44. Hola otra vez!
    Yo ya tengo la el favicon(.ico)subido al dropbox,
    pero al copiar la url en el codigo que tu das,me da error y no puedo guardar la plantilla
    -he probado a poner al final de la url /favicon.ico y /favicon.gif (porsiacaso)
    -y tambien he probado lo de las dos actualizaciones

    ya no se que mas acer
    Blog de Pruebas:
    djnestorimagenes.blogspot.com

    ResponderEliminar
  45. Hola Dj Nestor,

    ¿Cuál es el error que te marca?

    ResponderEliminar
  46. Bueno ya esta arreglado, era porque copiava mal la url

    pero aora no me aparece:(,he intentado las 3 cosas
    djnestorimagenes.blogspot.com

    ResponderEliminar
  47. Hola Dj Nestor,

    La URL sigue estando mal, el archivo debes ponerlo dentro de la carpeta Public de Dropbox.

    La URL debe ser algo como esto:
    http://dl.getdropbox.com/u/647088/favicon.ico

    Y la tuya es esta:
    https://www.getdropbox.com/revisions/Photos/Favicon/favicon%289%29/favicon.ico

    Pon el favicon en la carpeta Public y luega copia la URL (con el botón derecho) y verás que aparece bien en tu blog.

    Saludos.

    ResponderEliminar
  48. Hola!
    Ya he hecho lo que me has indicado,
    he copiado la url y es esta:

    http://dl.getdropbox.com/u/2139481/favicon%289%29.ico

    Luego la copio en el codigo,guardo y no me aparece
    -(he intentado quitar los numeros)
    -(tambien las dos actualizaciones)

    ResponderEliminar
  49. Hola Dj Nestor,

    No veo el código dentro de tu plantilla :S

    ResponderEliminar
  50. que chulo miralo como queda: http://joel-design.blogspot.com

    ResponderEliminar
  51. Hola Joel,

    No lo pude ver, subiste tu favicon a Sites Google y tu página de ahí no tiene permisos al público, por lo que los archivos que tienes ahí incluyendo el favicon sólo los puedes ver tú =(

    ResponderEliminar
  52. muchas gracias compañero llevava todo el fin de semana intentandolo y hoy con tus explicaciones a la primera ya lo he conseguido creo que la clave estaba en alojar bien los archivos que siguiendo tu consejo lo he hecho en dropbox muy facil y sencillo

    ResponderEliminar
  53. Hola Rogelio,

    Fíjate que el 90% de las personas que no logran poner el favicon a la primera es precisamente porque no alojan el archivo de forma adecuada, o bien, no consiguen la URL correcta, pero habiendo hecho esto bien el asunto se vuelve muy sencillo.
    Me alegro que ya lo hayas conseguido, ya pasé a tu blog y lo veo funcionando perfecto.

    Saludos.

    ResponderEliminar
  54. Chido, ya lo probe, solo que espero hacer un mejor diseno que sea mas visible!

    Grax por el aporte!

    ResponderEliminar
  55. Me alegro que te haya servido.
    Saludos.

    ResponderEliminar
  56. Hola primero que nada gracias por compartir tus conocimientos con gente como yo que está aprendiendo.
    Tengo un problema:
    No hay manera de que quede ya probe de las 3 formas y nada...
    El codigo es de favicon
    Lo coloque en los 3 lugares y no anda.

    ResponderEliminar
  57. Hola El Encargado K,

    No veo que tengas el código en tu plantilla, necesitaría verlo puesto para saber dónde está el error.

    Saludos!

    ResponderEliminar
  58. hola!
    a mi no me salio!
    hice lo que decia..nose
    tengo el mozilla..y en IE tambien no me figura.
    saludos

    ResponderEliminar
  59. Hola GiseUsh,

    La URL de tu favicon es para descargar no para visualizar la imagen, no sé si Fileden dé una URL para compartir, pero te recomiendo que mejor alojes el archivo en otro hosting como Dropbox que permita ver la imagen y no descargarla.

    Saludos.

    ResponderEliminar
  60. el potro..gracias!
    hice todo el proceso de Dropbox
    pero nose como hago ahora la imagen :S
    me ayudas como el resto..
    tendrias que hacer un tuto con el programita jaja
    mi blog es lasoleush.blogspot.com

    ResponderEliminar
  61. Hola GiseUsh,

    Dropbox es sólo para alojar la imagen que previamente diseñaste. Usarlo es muy sencillo te dejo un enlace donde explico cómo hacerlo:
    http://ciudadblogger.com/2009/04/alojamiento-de-archivos-gratis.html

    Saludos.

    ResponderEliminar
  62. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  63. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  64. Hola By Camus,

    El favicon debe aparecer en todas las páginas, como en este blog.
    Al parecer el problema es la URL de tu favicon, si le das click a la dirección que has puesto verás que en lugar de mostrar en una ventana el archivo, lo descarga.
    Necesitas alojarlo en otro hosting que te permita visualizar el ícono y no sólo descargarlo.
    Puedes probar en Dropbox.

    Saludos.

    ResponderEliminar
  65. gracias!!
    antes habia probado y no me habia
    funcionado!!

    que bien que ahora con la nueva explicacion
    que diste me pudiera funcionar!

    grax

    ResponderEliminar
  66. Me alegro que te haya servido =)
    Saludos.

    ResponderEliminar
  67. Estimado Potro, estuve usando la aplicacion sin problemas y ademas incorporando otras de tu buena recomendacion. Pero hoy me di cuenta que no está el favicon y en pestaña aparece el nombre del blog acompañado del fragmento

    b:includad

    que hice mal?
    podrias ayudarme,
    estaba muy lindo el favicon...

    Esperando ayuda. Saludos y gracias

    ResponderEliminar
  68. Hola Mauricio y Ana Maria,

    El favicon sí aparece pero también aparece ese texto, supongo que es porque sin darte cuenta eliminaste parte de un código.
    Verifica que después de <head> aparezca este código:

    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*


    Saludos.

    ResponderEliminar
  69. mmhhh, el texto persiste y en mi PC no veo el favicon ¿que sera?

    ResponderEliminar
  70. ¿Hiciste algún cambio reciente a la plantilla?

    ResponderEliminar
  71. Varios,creo que tendre que partir de cero. Upsss

    ResponderEliminar
  72. En sí las áreas para mostrar el título son muy pocas, así que la falla no debe ser tan difícil de localizar.
    Intenta repararlo, si continuas con problemas haz un respaldo de la plantilla y mándamela al correo para que le eche un vistazo.

    Saludos.

    ResponderEliminar
  73. Hola
    Nuevamente darte las gracias y animarte si quieres a ver como quedo el blog :D http://www.losdiariosdefutbol.com/

    Feliz navidad y que el año 2010 te traiga más visitas y publiques mas entradas así de buenas :D

    Saludos

    ResponderEliminar
  74. Te ha quedado genial.
    Gracias por tus amables deseos. ¡Feliz Navidad y éxito con tu blog!

    Saludos.

    ResponderEliminar
  75. hi potro mi pregunta ahora es que el codigo los he coloca en las 3 partes de dijiste :D y si me funca porq en mozilla firefox no me salia pero el codigo lo coloque en las tres partes y listo si me funca bueno solo quiera sabes q si por poner en los tres lugares el codigo afectara mi plantilla? http://peruanotv.blogspot.com/

    SALUDOS 100% CIUDADBLOGGER ^^

    ResponderEliminar
  76. No afecta en nada pero tampoco es necesario que lo pongas en los tres lugares, me imagino que el último lugar donde lo pusiste es el que tu plantilla reconoce, si quieres elimina los otros dos, pero sino no importa, no pasa nada.

    Saludos!

    ResponderEliminar
  77. saludos. he copiado el codigo despues de head y puesto la url del favicon
    Al principio solo se veia en "marcadores (mozilla)y no en la barra de buscador (al poner el raton encima me dice que este sitio no proporciona informacion de identidad) no se si tendra algo que ver, pero de repente ya no se ve el favicon en ningun sitio. cuidate

    ResponderEliminar
  78. Prueba ponerlo en los lugares que dice la actualización 1 y 2 de este post. Estoy seguro que así funcionará.

    Saludos.

    ResponderEliminar
  79. Hola!!!! Lei en tus respuestas de arriba ke puede ser normal el hecho de ke no aparezca el dichoso favicon de inmediato, pero tiene algo ke ver el ke yo tenga internet explorer con ke no me aprezca y kiza no llegue a verlo yo pero otros si?? Ya intenté todo, pero yo tengo la imagen en FILEDEN, no muero por tener uno pero se me está convirtiendo en obsesion porke mi blog es en un 95% creacion tuya practicamente jaja, todo lo ke tengo ahi lo he sacado de esta super pagina y NUNCA habia tenido broncas, hasta ahora ¬ ¬ ojala puedas ayudarme. http://just-makeup-but-i-like-it.blogspot.com/
    Besos!!!

    ResponderEliminar
  80. Hola Merlina,

    Es terrible cuando se nos mete algo en la cabeza y no sale, pero qué satisfacción se siente cuando por fin se logra el objetivo ;)
    El problema del favicon radica en que FILEDEN no da una URL para visualizar el archivo, sólo para descargarlo; cuando las URL son para descargar no funcionan para este tipo de casos ya que el navegador necesita una dirección para ver el archivo en cuestión, no para descargarlo.
    Súbelo a otro servicio de hosting, yo uso Dropbox y funciona perfecto para alojar cualquier tipo de archivos, incluyendo los .ico

    Saludos.

    ResponderEliminar
  81. Habrá ke invitarte un helado y mínimo una ida al cine jaja. Te agradezco infinito, por fin lo pude poner, ya era cuestión de orgullo caray! Pero ya kedó. Y aprovecho para abusar de tu amabilidad y preguntarte como podría hacer para dividir mis comentarios en el blog? Es decir, me aparecen juntos en un mismo recuadro, solo separados por la fecha pero no como los tuyos por ejemplo ke tienen una línea para dividirlos, podría hacerlo en el mío y de ke manera? Espero no molestar demasiado, y te agradezco una y mil veces mas por todo!!!

    ResponderEliminar
  82. Jajaja, bueno, yo te invito al cine y tú invitas los helados ;)
    Para poner la separación entre los comentarios busca en tu plantilla esta parte:

    #comments-block .comment-footer {
    margin:-5px 10px 4px 0px;
    line-height: 1.3em;
    text-transform:uppercase;
    letter-spacing:0em;
    border-bottom: 1px solid #DDD;
    }

    Agrega lo que está en negrita, ahí puedes cambiar el código del color que quieras y el grosor del borde.

    Saludos.

    ResponderEliminar
  83. Eres la neta ajaja, no dejo de admirar el hecho de ke te tomes el trabajo de responder todas las preguntas ke se te hacen, eso sólo muy pocos lo hacen eh? Obvio, esos pocos no sólo son genios sino además sencillos, como dicen por ahí "Don de Grandes" y tú eres de esos. Un millón de gracias y pues tú pagas el cine y yo te dejo escoger la peli jajaj.
    Besos!!!!

    ResponderEliminar
  84. Jajajaja, está bien, me late lo del cine.
    Gracias por tus comentarios, un día de estos me la voy a creer y no me vas a aguantar, jaja.

    Besos!

    ResponderEliminar
  85. wow gracias potro me a servido mucho tu tuto.

    gracias

    ResponderEliminar
  86. Gracias a ti por tu visita BeTho :)

    ResponderEliminar
  87. Hola!!! Muchas gracias, estuve todo el día tratando de ponerlo y no me salía, pero por fin.

    ResponderEliminar
  88. Qué bueno que ya te está funcionando a la perfección ;)

    ResponderEliminar
  89. Gracias, en mi plantilla, antes de la etiqueta b:skin ![CDATA[/*

    He puesto un ico de 48 x 48 que pesa 12 kbs. Se vé muy bien, aunque sea un logo tan cutre.

    Busco la forma de que 4shared.com (donde alojo la música del blog) me dé el link *.ico o *.jpg de las imágenes. No me gusta demasiado esa idea de que dropbox tenga que estar "conectado" para que funcione, ya lo usé cuando nos dijiste cómo meter música en el blog, y al final, me quedé con 4shared, que es más facil para usuarios novatos como un servidor. date una vuelta por ahi si no lo conoces, a mi me va muy bien.

    Saludos y gracias otra vez.
    http://lagrimasen.blogspot.com/

    ResponderEliminar
  90. oye, a todo esto... ¿se pueden poner vinculos aqui a los blogs? no te he preguntado... Bórralo si no se puede. Perdona si eso.

    ResponderEliminar
  91. Ya había escuchado de 4shared pero nunca lo he usado, en sí no importa en cuál lo subas, lo que realmente importa es que funcione y tengas la certeza que siempre tendrás acceso a él.
    Pero bueno, yo no lo he usado así que no sabría decirte qué tipo de archivos soporta (no todos permiten subir .ico) ni cómo se obtiene la URL.

    Saludos.

    ResponderEliminar
  92. Estupendo Beto Wan!
    Que la fuerza te acompañe!

    ResponderEliminar
  93. Estaré al pendiente para actualizar el favicon de Amigos de la Ciudad.

    Besos!

    ResponderEliminar
  94. Soy bien pinche huevas, Ya intente las tres y nada de nada! tengo alojado mi favicon en "www.mediafire.com/file/umabddxwgkj/favicon.ico" y nada de por si estoy estresadisimo y ahora no me sale algo tan sencillo...:S

    ResponderEliminar
  95. Es más intente las 3 al mismo tiempo y nada!!!:S

    ResponderEliminar
  96. Hola METAuto,

    Con esa URL nunca funcionará, esa URL es para descargar el archivo, no para visualizarlo. Necesitas subirlo a un hosting que permita visualizar el archivo.

    ResponderEliminar
  97. ya lo subi a la que me recomendaste y me dio este https://dl-web.dropbox.com/get/favicon.ico?w=923ec759 ????

    ResponderEliminar
  98. Noup, revisa el tutorial de Dropbox para saber cómo conseguir la URL del archivo.

    ResponderEliminar
  99. me he permitidouna reseña de Ciudad Blogger para que una amiga lista, maja y graciosa ponga su favicon en el blog.
    Saludos.

    ResponderEliminar
  100. ah, por cierto, fileden.com te da links *.lo que sea. El gestor de subidas es un poco cutre y funciona a trancas y barrancas, pero facilita mucho las cosas que te dé el html *.extensión.

    ResponderEliminar
  101. Gracias Feroz, ya después le daré una revisada a Fileden porque veo que muchos lo usan, aunque no entiendo por qué, hay otros mucho mejores que no te hacen batallar tanto.

    Saludos.

    ResponderEliminar
  102. Gracias viejo , este truco llevo intentandolo dos años y vos fuiste el unico que dio con el chiste par ami blog, con lo del file eden tienes razon, ayer probe el DROPBOX y la verdad, me soluciono muchos problemas con el blog.

    ResponderEliminar
  103. Excelente, qué gusto que te ha servido entonces, tanto lo del hosting como lo del favicon.

    Un abrazo!

    ResponderEliminar
  104. Hola Potro, me resultó pero vi que no era necesario que el icono esté en *.ico, tambien en *.gif, tambien funciona en *.png que es como el que tengo en el blog, no tuve problemas pues el icono archivo que me respondía la pagina lo guardé como *.png haciendo click - guardar imagen como y despues lo subí a un servidor luego en el código que pusiste le di la ruta de mi icono, mi blog es:
    http://www.selectprint.blogspot.com/
    Gracias por la ayuda Potro, un abrazo.

    ResponderEliminar
  105. No es necesario que sea .ico a menos que quieras que en Internet Explorer sí se vea, ya que para que en Internet Explorer funcione en todas sus versiones sí es necesario que el favicon sea extensión .ico

    Qué bueno que te ha resultado y que ya tienes tu favicon :)
    Un abrazo.

    ResponderEliminar
  106. Tienes razón no me dí cuenta de ese detalle, caballero nomas a ponerlo como *.ico, gracias por la explicación, voy a intentarlo nuevamente, saludos.

    ResponderEliminar
  107. ya lo intenté, pero no hay forma que se vea en IE, solo se vé en firefox, me puedes decir que hice mal...?
    puse el código por todas partes pero no anda, si me das una mano, como puedo mandarte la plantilla para que lo revises, no logré hacerlo asi que volví a mi plantilla anterior, un abrazo y gracias.

    ResponderEliminar
  108. No veo que tengas puesto el código del favicon en ninguno de los dos blogs, necesitaría verlo puesto para darme una idea de qué sucede.

    Saludos.

    ResponderEliminar
  109. AHORA SI, Gracias potro, el error fue el link que tenia que darle, era el que me daba cuando le daba a imagen publica, estaba dandole el link de la previa del dropbox, le subi el archivo como *ico y funciona de maravillas, un abrazo.

    ResponderEliminar
  110. Practicamente el blog de http://selectprint.blogspot.com/ el otro blog es como el borrador, lo hice con tu ayuda..¡¡¡, solo hay que dedicarle mucho tiempo y ahora si da ganas compartirlo muchas Gracias por tu ayuda amigo Potro.

    ResponderEliminar
  111. Excelente, ese es el problema general con quienes no les sale a la primera, la URL no es la correcta, por suerte ya has podido resolverlo y ya está funcionando.

    Saludos y gracias por tus comentarios.

    ResponderEliminar
  112. Qué gusto que te haya funcionado y ya disfrutes de tu favicon :)

    ResponderEliminar
  113. como que en el mio no da... y me revienta..^^ ademas veo que es para blog el de antes el clasico yo tengo el nuevo (q x cierto le meti de todo en la plantilla)y pues con algunas cositas que le puse pues ya nise que hice...haber si me ayudas con eso no?

    ResponderEliminar
  114. Hola R4u1,

    Sólo hay dos versiones de Blogger, una que fue la BETA y dejó de existir hace ya algunos años, y la que todos usamos. Esa misma es la que he usado de ejemplo para colocar los códigos.

    Al final de la entrada hay dos actualizaciones con posibles lugares donde poder colocar el código por si el otro no funcionara. Prueba con eso y me comentas si se soluciona.

    Saludos.

    ResponderEliminar
  115. Hola Potro como estas?? verdaderamente eres un genio!!! desde que descubri tu blog a diario vengo a visitarte, porque tienes muchos temas espectarulares, a todos nos ayudas muchisimo, y la verdad como muchos te lo agradesco con el alma...mira yo tambien tenia tiempo que queria poner mi favicon y la verdad nunca lo lograba, pero tu explicas todo tan bien que se entiende a la perfeccion, y porfin lo logre gracias a ti, pero una pregunta Potro, mi favicon solo lo veo en Internet explorer, en el mozilla solo lo veo en mi marcador, de ahi en donde esta el enlace de mi blog solo veo la "B"de blogger, me podrias decir porque please...muchisimas gracias por tu generosa ayuda...besos espero tu respuesta.

    http://lacarolitasdesignz.blogspot.com/

    ResponderEliminar
  116. Hola .·:*¨♡¨*:·. LaCaRoLiTa .·:*¨♡¨*:·.,

    Muchas gracias por tus comentarios, de verdad me da gusto saber que encuentras información que te es útil.

    Al final de la entrada hay dos actualizaciones con más posibilidades de dónde poner el código, intenta con esos y dime si se arregla.

    ¡Saludos!

    ResponderEliminar
  117. Hola Potro gracias por contestar, mira de las dos actualizaciones que pusiste puse la primera, porque la segunda no me la acepta, dice que no se pueden guardar los cambios, quise ponerte aqui el codigo que puse pero no me lo acepta, mas o menos tu sabes lo que puse verada? espero respuesta...muchas gracias por tu atencion y por tu tiempo...besos


    http://lacarolitasdesignz.blogspot.com/

    ResponderEliminar
  118. No veo los códigos en tu plantilla de la primera actualización, supongo que seguía sin verse y por eso lo quitaste.
    Con el código de la segunda actualización no debe arrojarte error, sólo verifica que lo pegues justo donde dice, esa línea está al inicio de la plantilla, poco después de <head>

    Saludos.

    ResponderEliminar
  119. Hola Potro, ya lo intente varias veces a si como me lo indica y no me funciona, me dice esto:

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "b:skin" must be terminated by the matching end-tag "".

    ya me di porvencida, ni modo, por lo menos mi favicon se ve en Internet Explorer, lastima que no se ve en Mozilla es el que uso mas... gracias Potro por tu linda ayuda eres un amor, cuidate, de cualquiermanera me estare hechando vuelta a qui a este fabuloso blog que Dios te bendiga...besos

    ResponderEliminar
  120. Tendría que ver cómo estás poniendo el código pues no debe marcar error.
    Sólo hay que poner los códigos arriba de esa línea, es decir, quedaría arriba de lo que está en negrita:

    <link href='http://dl.dropbox.com/u/5924910/favicon%282%29.ico' rel='shortcut icon' type='image/x-icon'/>
    <link href='http://dl.dropbox.com/u/5924910/favicon%282%29.ico' rel='icon' type='image/x-icon'/>

    <b:skin><![CDATA[/*


    Saludos.

    ResponderEliminar
  121. No potro no me funciona, a si es exactamente como lo pongo y nada... serias tan amable de entrar tu a mi blog y ver el problema? bueno si tu estas de acuerdo :) esque por mas que lo hago nada, a lo mejor hay un pequeño problema que yo no lo puedo persivir, pero tu que para esto eres un Genio lo vas a saber pronto...aqui te dejo mi correo electronico para que me mandes decir si te doy mi password, para que entres directo, no te preocupes yo confio en ti, bueno Potro espero tu respuesta...besos.

    o0lacarolita0o@gmail.com

    ResponderEliminar
  122. Usa el formulario de contacto que está en la sidebar para que nos pongamos de acuerdo y así revisar qué pueda estar pasando.

    Besoso.

    ResponderEliminar
  123. Listo preciosa, ya puedes ver si está funcionando y cambiar el password.

    Besos!

    ResponderEliminar
  124. Muchisimas gracias Potro me funciono a la primera aqui lo podeis ver http://brujo5-iphone.blogspot.com/

    ResponderEliminar
  125. Hola Potro estoy empezando con lo del bloguer, lo tenia un poco apartado, tengo un foro del aprendizaje del psp, y en una de las secciones estoy intentando que los participantes se creen su propio blog.
    He estado mirando tus indicaciones y me gustan. Veo gente conocida por aqui :)
    Muchas gracias por todo lo que haces.
    Felicidades
    Nos estamos leyendo, seguro que pronto te haré otra visita
    Chao y feliz domingo.

    ResponderEliminar
  126. Hola ladylola,

    Es excelente que les des la oportunidad a tus lectores para que abran su propio blog.
    Espero que la información que encuentras aquí te sea de utilidad.

    Saludos y gracias por tu visita.

    ResponderEliminar
  127. perfecto Potro, nuevamente gracias

    ResponderEliminar
  128. Hola. Ante todo muchas gracias por la información. En segundo lugar, he hecho lo que me dices, pero no me sale en el explorer. Y sí, convertí la imagen en ico. la página de prueba es http://javistoneprueba.blogspot.com/

    Muchas gracias!

    Un saludo.

    ResponderEliminar
  129. Hola javistone,

    En el código del favicon has puesto dos URL distintas, tienes estas dos:
    http://img9.imageshack.us/img9/8383/fivecomjavistone3.png
    http://http://img9.imageshack.us/img9/8383/fivecomjavistone3.png

    La segunda no sirve, está roto el enlace, además que, en el código ambas URL deben ser las mismas.

    ¡Saludos!

    ResponderEliminar
  130. gracias muchas gracias me ha servido bien
    gracias por tus tutoriales
    :)

    ResponderEliminar
  131. Me alegro que te haya servido de ayuda :)

    ResponderEliminar
  132. Hola de verdad que no hay duda que eres bueno en esto porque yo tenia mucho tiempo buscando la forma de poner el favicon en mi blog y nunca me salia, hoy me decidi de nuevo a intentarlo, no vine directamente al blog estube buscando por varias horas en google y probe muchas explicasiones y tampoco me salieron y me tope con tu blog de nuevo y me quedo a la perfeccion y sobre Dropbox es perfecto, muchismas gracias.

    ResponderEliminar
  133. Hola luz,

    Entonces qué suerte que hayas encontrado aquí cómo ponerlo :)
    Te agradezco mucho tus comentarios.

    Saludos!

    ResponderEliminar
  134. yo ya intente todo y no me sale U_U ..
    no se k mas hacer..

    ResponderEliminar
  135. La URL que pusiste en el código es de Photobucket y dice que la imagen fue borrada.

    ResponderEliminar
  136. wow.. Q rapido xD
    chelo y te digo kmo me fue ;)

    ResponderEliminar
  137. nada de nada..
    sera esperar, no me keda de otra..
    iwal grax! tu blog es d gran ayuda!

    ResponderEliminar
  138. No veo que tengas puesto el código del favicon.

    ResponderEliminar
  139. sii lo tengo
    te eh mandado un mail..para que veas lo que eh puesto
    gracias x tu tiempo.. !

    ResponderEliminar
  140. La URL que has puesto en el código no te servirá pues esa URL manda a una página para descargar la imagen.
    Necesitas alojarla en otro sitio como Tinypic o Dropbox.

    ResponderEliminar
  141. me has leido la mente iaa la eh puesto en tinypic:
    http://i50.tinypic.com/9gllc0.gif
    pero todavia no sale .. solo una paginita en blanco

    ResponderEliminar
  142. Entonces prueba ponerlo en las ubicaciones que se explican en la actualización 1 y 2

    ResponderEliminar
  143. Exito!
    resulta que todo este tiempo estaba colocando el codigo equivocado.. pok mi favicon era tipo gif
    Quedaria asi : incio link href='http://i50.tinypic.com/9gllc0.gif ' rel='icon' type='image/gif'Fin

    ^_^
    Grax por todo!

    ResponderEliminar
  144. Qué bueno que ya está funcionando :D

    ResponderEliminar
  145. hola potro el favicon mio no aparese mi url es http://www.mediafire.com/i/?hz2emngzfya ve y echale un ojo

    ResponderEliminar
  146. MediaFire sirve sólo para descargar archivos no para mostrarlos, súbelo a otro hosting como Google Sites o Dropbox.

    ResponderEliminar
  147. ohh pero tengo un dropbox y las cosas no suben vi tu video no quiero ser todo lo que tu hace en el video

    ResponderEliminar
  148. ya lo ise bien gracias potro tu eres el mejor la mejor website

    ResponderEliminar
  149. Dropbox sólo es una opción, pero también está Google Sites o cualquier otro.
    Qué bueno que ya está funcionando tu favicon :)

    ResponderEliminar
  150. Genial muchas gracias por el truco.. habia probado de varias formas y esta es la que funcionó. Mil Gracias. Seba.

    ResponderEliminar
  151. Me alegra que te haya sido útil y que aquí hayas encontrado la solución :)

    ResponderEliminar
  152. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  153. no me funciono, puse tal y como me dijieron

    ResponderEliminar
  154. La URL de tu favicon no servirá, el hosting donde lo subiste es sólo para descargar el archivo, no para visualizarlo, mira:
    http://www.mediafire.com/?ztjqwhfiww2

    Tienes que subirlo a otro hosting como Google Sites o Dropbox.
    Si después de hacer eso no te resultara prueba poner el código en alguna de las otras ubicaciones que se menciona en la entrada.

    ResponderEliminar
  155. Potro... me quedó muy, pero muy bien. Gracias

    ResponderEliminar
  156. Qué bueno que te ha quedado como querías :)

    ResponderEliminar
  157. Potro, debajo de cada entrada en mi bloy hay una sugerencia de otros temas relacionados. Lo hice aplicando un java scipt de LinkWithin, el tema es que no me gusta que se lea LinkWithin debajo de cada entrada. ¿Hay manera de sacar esa escritura?

    ResponderEliminar
  158. No sabría decirte, nunca he usado ese gadget.

    ResponderEliminar
  159. mira yo quiero poner es favicon pero al momento de hacerlo pequeño se se feo

    es este
    http://dl.dropbox.com/u/9196563/youfactorfavicon.png

    ResponderEliminar
  160. Pues tienes que diseñarla más pequeña para que al momento de reducirla no se distorsione tanto, aunque es normal que los faviconos no tengan la misma calidad que una imagen grande.

    ResponderEliminar
  161. :O me he quedado impactada , siempre me funcionan los trucos que he tomado de aquí .
    Soy nueva en esto y al parecer no es muy difícil :3 jaja y eso que tengo 14 años ._. soy pequeña pero me encanta esto de las páginas web *-* aun que no se mucho sobre eso xdd

    ResponderEliminar
  162. Seguro en pocos años serás una experta en el tema :D
    Qué bueno que te gusten estos temas y que todo te esté resultando como deseas :)

    ResponderEliminar
  163. AMIGO MUCHAS GRACIAS.... ME SIRVÓ DE MUCHA AYUDA.....

    ResponderEliminar
  164. Por nada Alberto, qué gusto que te haya sido útil.

    ResponderEliminar
  165. por favor me gustaria saber como poner el icono de mi blog al darle en mi iphone a añadir a la pantalla de inicio que siempre sale una mini-captura de pantalla y quiero que salga un favicon del blog.

    mi blog es este www.academygamer.blogspot.com

    ResponderEliminar
  166. Desconozco el proceso para los iPhone.

    ResponderEliminar
  167. A mi no me funciona... lo puse, acepto el codigo, pero el favicon no me cambia... T_T

    sera por la imagen? use esta:
    http://pmsc.free.fr/C03/1091134509.ico

    mi blog es:
    http://la-redactora.blogspot.com/

    haber si me pueden ayudar...

    gracias!!

    ResponderEliminar
  168. Me funciono perfectamente!!!!!! te lo agradezco un montón

    ResponderEliminar
  169. Almy, ¿ya probaste ponerlo en alguna de las otras dos ubicaciones que se mencionan en la actualización 1 y 2?

    Belén, qué bueno que te ha sido útil :)

    ResponderEliminar
  170. me funciono gracias por el manual te voy aponer en mi blog roll

    ResponderEliminar
  171. Qué gusto que has tenido los resultados esperados :)

    ResponderEliminar
  172. En los nuevos blog de blogger se puede hacer poniendo otro código distinto a este, es un código que funciona en todas las plantillas creadas a partir del 2009 por blogger y algunas de las anteriores, yo tengo un ejemplo en mi blog, puedes copiar el código sin problema ;-)
    También hay que tener cuidado con el hosting que se usa para el almacenamiento de la imagen, en muchas páginas borran la imagen al X tiempo y te dejan colgado.. Yo recomiendo picassa (desde blogger) o imageshack con cuenta propia.
    Mi problema es que aun no he elegido un favicon para mi blog, para la gente que este como yo les recomiendo buscar “favicon” en google o ir a un generador de favicon online ya que hay muchos, unos en los que empiezas desde cero y otros que convierten tus propias imágenes a favicon (cómo el de este post).
    Un saludo, Be DoFollow my friend

    ResponderEliminar
  173. Vi que algunas cosas ya las solucionabas en los comentarios, escribí antes de tiempo, un saludo!

    ResponderEliminar
  174. Gracias, Potro!! Cuántas cosas estamos aprendiendo con vos!! Me quedó perfecto!!

    ResponderEliminar
  175. Hola como estas ya he intentado y leido todo sobre favicones y no logro hacer que se vea el mio le gardeceria si me puden ayudar mi blog es www.martinpuigg.blogspot.com la url de mi favicon es https://dl.dropbox.com/u/13152831/animated_favicon1.gif

    ResponderEliminar
  176. Hola Martin,

    Lo que sucede es que has puesto mal la URL del favicon, debe ser así:
    https://dl.dropbox.com/u/13152831/animated_favicon1.gif

    Y en tu código lo tienes así:
    http://https://dl.dropbox.com/u/13152831/animated_favicon1.gif

    ResponderEliminar
  177. Muchísimas gracias, es el único tutorial que me ha servido, muchísimas gracias!!

    ResponderEliminar
  178. Qué bueno que te ha servido, me da gusto que así haya sido :)

    ResponderEliminar
  179. Pues yo tengo un problema muy curioso,ayer puse el codigo y un favicon gif de una vakita y me salió todo a la perfeccion y hoy al entrar a mi blog,resulta k no está el favicon y me sale otra vez el favicon de blogger, xd,a k se puede deber???? xdxdxd

    ResponderEliminar
  180. Hola arita, acabo de entrar a tu blog y he visto sin problemas tu favicon de vaquita que has puesto, sin embargo me parece que Internet Explorer no interpreta los GIF así que habría que cambiar de formato el favicon para que pueda verse en todos los navegadores.

    ResponderEliminar
  181. Gracias, gRacias, grAcias, graCias, gracIas, graciAs, graciaS, GRACIAS!!!!!!
    De verdad ha sido estupendo!
    Ya TODOS mis Blogs lo tienen y es tan Gratificante poder hacer cosas que me satisfagan en cuanto a mis Blogs.
    Empecé con las plantillas viejas y el 1° fondo que le puse fué de una de esas páginas para buscar uno.
    Es GENIAL esta página y TODO el tiempo que le dedicas.
    Felicitaciones por todo el Esfuerzo, es mi humilde Forma de agradecer por todo lo que nos brindas.
    Besitos ♥

    ResponderEliminar
  182. Te agradezco enormemente tus palabras; es un verdadero gusto saber que el tiempo que he dedicado para compartir le sea de utilidad a alguien.

    Saludos y mucho éxitos con tus blogs.

    ResponderEliminar
  183. Hola Potro,

    Te agradecería mucho tu ayuda. Resulta que llevo el día tratando con todas las maneras posibles que he encontrado en internet y NADA. Imposible, mi blogger no quiere.

    Y lo unico que he logrado es quitar el favicon de blogger y que en su lugar aparezca una hojita con un pliegue arriba a la derecha.

    Mi url es: http://urpix.fr/viewer.php?file=90mns3vqugrezvpdy8c.ico y no me funciona

    Al final me he dado cuenta que tiene que terminar así:
    http://urpix.fr/viewer.php?file=90mns3vqugrezvpdy8c/favicon.ico

    ¿Qué sucede?

    Muchas gracias

    ResponderEliminar
  184. Hola Sandra,

    Lo que sucede es que el sitio donde has alojado tu archivo no permite visualizarlo de manera independiente, si entras a esa dirección verás que se abre toda una ventana con los datos del archivo.
    Necesitas subirlo a otro hosting como Google Sites, Fileden, o Dropbox.

    Saludos.

    ResponderEliminar
  185. La mala costumbre... todo lo tengo en webs extranjeras. Mil gracias, voy a intentarlo en alguno de esos hostings y vuelvo para decirte como me fue. Gracias!

    Super tu blog, me encanta!

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger