Cómo poner un favicon en Blogger


favicon en blogger

Si queremos que en nuestro blog o web no aparezca más el icono o favicon de Blogger y que en cambio aparezca nuestro propio favicon, deberemos hacer lo siguiente:
1) Vamos a la web de dynamicdrive y seguimos los siguientes pasos de la fotografía. Deberemos cargar la fotografía que queramos y esta web se encargará de darle el tamaño preciso y convertirla en formato .ico, que es el formato que necesitaremos.



2) Una vez tengamos guardado nuestro logo en formato .ico deberemos subirlo a un servidor que acepte este tipo de archivo. El icono debe llamarse favicon.ico
3) Si no tenemos un hosting propio para almacenar imagenes, visitaremos la web de psmc.free



Si deja de funcionar esa web puedes optar por subirlo a imageboo, que es otro hosting que permite subir archivos .ico


4) Seguimos los pasos de la siguiente foto:



5) Aparecemos en la siguiente pantalla y tan solo deberemos copiar el link que nos aparecerá en:



6) Ahora vamos a nuestro panel de blogger -> Diseño -> Edición HTML
7) Buscamos la parte de código* llamada <head> (tecleamos Ctrl + F para buscar más rápido)
 8) Una vez localizado pegaremos después el siguiente código:


<link href='http://URLfavicon/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://URLfavicon/favicon.ico' rel='icon' type='image/x-icon'/>



En http://URLfavicon/favicon.ico deberemos colocar la URL que obtuvimos en el paso 5)


Clicamos en vista previa y si todo está bien guardamos la plantilla.


IMPORTANTE*: En algunas plantillas, si no funcionan los pasos anteriores, hay que pegar el código después de:
<b:include data='blog' name='all-head-content'/>

y en otra plantillas antes de <b:skin><![CDATA[/*

Cada plantilla es un mundo.

73 comentarios:

  1. Ya probe con las tres alternativas y no me sale :(....

    ResponderEliminar
  2. Hola Fabricio, ¿al icono lo has llamado favicon.ico?

    ResponderEliminar
  3. Automaticamente el sitio genero un archivo .ico llamado favicon.ico

    ResponderEliminar
  4. Revisa los pasos a ver si has pegado los codigos en su lugar correctamente. No se me ocurra otra cosa.

    ResponderEliminar
  5. a mi tampoco me funciona, la direccion del link es eta:
    http://pmsc.free.fr/C01/09923211855.ico

    sera porque no se llama favicom??

    ResponderEliminar
  6. Hola degafe. Debe llamarse favicon.ico

    ¿Te ha funcionado renonbrandolo asi?

    ResponderEliminar
  7. Ok muy bien, a mi si me sirvió, ahora solo espero que no deje de funcionar y que siempre este visible la imágen del favicon en mi blog, Gracias!!

    ResponderEliminar
  8. Hola Swol. Si se puede, pero debes crear un .gif para ello.

    Un saludo.

    ResponderEliminar
  9. Loco la pagina es excelente me has dado una gran ayuda para modificar mi Blog.Un Saludo y Mil Gracias...

    ResponderEliminar
  10. Gracias a ti por animarte a escribir en este blog y por tu visita. ¡Espero volverte a ver por aquí! ¡Un saludo!

    ResponderEliminar
  11. Mi heroe eres un genio por dios otros sitios no se toman las molestia de ayudarte peru tu si eres el mejor ya te tengo en favoritos

    ResponderEliminar
  12. Muchas gracias W.F.N DX MOE. Me alegro que este humilde blog y todo el esfuerzo que conlleva sirva para mucha gente.

    Un saludo.

    ResponderEliminar
  13. Excelente!! he sacado las entradas Atom, hice el favicon y dejé la barra de Blogger sólo visible si se pasa el cursor.
    Genial!
    Gracias!

    ResponderEliminar
  14. Gracias a ti Susana. Un saludo, espero volverte a ver por aquí.

    ResponderEliminar
  15. Hola muy bueno tu blog; queria preguntarte si sabes como crear una imagen jpg para hacer el favicon, es que quiero tener un logotipo propio , no solo una imagen que consiga por ahí. Gracias de antemano

    ResponderEliminar
  16. Hola Anonimo. Te recomiendo el programa "AAA Logo 2008". Ahi podras crear algo que te sirva sin tener que emplear photoshop de momento.

    Un saludo y gracias a ti.

    ResponderEliminar
  17. Hola quierocrearunblog, me gustaria colocar un icono en mi blog, como explicas en este tutorial, pero esque la plantilla que tengo colocada ya tiene un favicon, pero no lo encuentro para canviarlo. espero tu ayuda :)

    ResponderEliminar
  18. Hola Swol. ¿Te refieres al favicon que ya trae la plantilla con el icono de blogger?

    Porque si te refieres a ese no tienes que preocuparte y sólo debes seguir los pasos anteriores.

    ResponderEliminar
  19. Años buscando el modo de poner un favicon y tù eres el unico que me explicò y cubriò todas mis dudas. EXCELENTE TRABAJO, ME ENCANTÒ!! GRACIAS

    ResponderEliminar
  20. Saludos!!

    Gracias por el dato, batalle pero ya esta funcionando.

    En esta pagina: http://www.htmlkit.com/services/favicon/

    te convierte la imagen a favicon.ico y en animado tambien, si descargas el pack, son dos imagenes, uno es el favicon.ico lo pones en la primera linea de codigo y el segundo es el .gif ese va en la segunda linea, solo sustituyes donde dice type='image/x-icon'/> quitas el x-icon y le pones gif, te quedaria asi type='image/gif'/> y listo, a mi me funciono debajo de la segunda linea despues del head o sea despues de include data='blog' etc.

    Espero les sea de utilidad.

    Te agregue a mis favoritos, excelente.

    Estamos en Contact!

    ResponderEliminar
  21. @ Anónimo. Mil gracias por tus palabras, me enorgullece leerte. Gracias a ti por comentar y por tu visita. ¡Un saludo!

    @ Admin. Muchísimas gracias por la información que nos traes. Muy útil. Muchas gracias compañero. Un saludo.

    ResponderEliminar
  22. Muchas Gracias!!! despues de intentarlo zapotocientas veces al fin lo logré.

    ResponderEliminar
  23. Gracias por esta entrada, Oodontologia UNAM

    ResponderEliminar
  24. hola hola, estoy super emocionad@ ya que por fin mi web se esta viendo como lo que es gracias a ti, wow. me encanta tu pagina, pero tengo un problema en este post explicas todo pero es que los pasos no van con mi plantilla pero si con la segunda opcion de donde dices IMPORTANTE: ok, bueno lo pego despues, veo vista previa y no me sale sino me sale la direccion arriba de mi web. que hago le doy espacio o que pliss?

    ResponderEliminar
  25. @ Gracias a ti Oodontología UNAM. Bienvenido a este blog ;D

    @ Teen Famosas. Gracias por tu mensaje. Comprueba los pasos correctamente, hay 3 lugares en donde colocar el favicon en tu plantilla. Chequea que todos los pasos estén correctos. Tiene que funcionar correctamente. Si tienes problemas no dudes en volver a contactar.

    Saludos.

    ResponderEliminar
  26. hola bueno voy a dejar como me sale cuando pongo la direcccion despues de >head> (como se escriba head, pero entiendes no?) bueno antes de la imagen principal de mi web esta la direccion del favicon ese, y mediras que hago por favor
    www.teenfamosas.tk

    ResponderEliminar
  27. Hola de nuevo. Para instalar el favicon puedes hacerlo en 3 sitios dependiendo de tu plantilla. En alguno de los 3 debes funcionarte. Repasa bien los pasos y los códigos.

    ResponderEliminar
  28. Gracias por este post es de lo mejor que he visto con respecto a ayudas en la red, ya eres uno de mis marcadores. Gracias de nuevo

    ResponderEliminar
  29. Gracias a ti por tu visita y por comentar. Bienvenido al blog. Me alegro de que me hayas agregado a tus marcadores. Un saludo amigo.

    ResponderEliminar
  30. quisiera saber de algun hosting diferente ya que me sale error de la pagina y no es que entienda mucho del idioma en que sale. gracias

    ResponderEliminar
  31. Hola Javier. Parece que la web está caída en estos momento. Prueba con http://www.box.net/

    Saludos y bienvenido al blog.

    ResponderEliminar
  32. ola quierocrearunblog otro hosting para archivos ico. puede ser tambien
    http://www.imageboo.com/index.php

    ResponderEliminar
  33. no me funciona la pagina francesa y ya tengo mi favicon creado

    ResponderEliminar
  34. El hosting PSMC.Free no funciona actualmente.Lo he probado de las tres maneras, ya tenía mi favicon.ico funcionando pero ha dejado de verse.

    ResponderEliminar
  35. Ya he añadido otra opción en la entrada. Espero que os sirva.

    "...Si deja de funcionar esa web puedes optar por subirlo a http://www.imageboo.com/, que es otro hosting que permite subir archivos .ico"

    Un saludo a los dos.

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

    ResponderEliminar
  37. Yo lo he hecho con https://www.dropbox.com que es una Web que te permite guardar en tu propio escritorio ficheros y archivos en una memoria virtual, luego te facilita sus respectivas Url´s lo recomiendo está muy bien y es Portable en un Pen-drive.

    ResponderEliminar
  38. Gracias por tu aporte El justiciero. Conocía esa web pero no sabía que era tan beneficiosa. Sin duda lo probaré. Un saludo compañero.

    ResponderEliminar
  39. Gracias, es la primera explicación que me sirve.
    Después de darle tantas vueltas al tema, resulta que lo que ponía mal era la posición en html.
    Me ha servido de mucho y espero que el icono dure mucho tiempo.
    De nuevo muchas gracias.

    ResponderEliminar
  40. buenas noches amigo, no se si me recuerdes que te comente en otra entrada, sobre un inconveniente que tenia con mi plantilla, decidi cambiarla y retomar mi blog, ahora quiero agradecerte por esta ayuda con lo del favicon, ya que lo habia intentado como me decian en otras paginas y no me salia, pero ahora gracias a tu explicacion me salio, muchas gracias y que pases feliz navidad y sigas ayudandonos mucho el año que viene..

    ResponderEliminar
  41. @Alberto. Gracias amigo, me alegro que te haya servido. Un saludo y bienvenido al blog.

    @Anthony. ¡Claro que me acuerdo de ti! ¿Todo bien? Me alegro que este blog te haya servido. Un saludo y felices fiestas.

    ResponderEliminar
  42. Muy bueno!Me sirvio y ahora mi blog esta quedando muy bonito, muchas gracias eres lo mas!

    ResponderEliminar
  43. mmm si lo pongo en los 3 a la vez... no va a funcionar, ¿verdad? xD

    ResponderEliminar
  44. buenas noches, yo tuve que usar el imageboo ese de hosting, y me salen un monton de enlaces, y no se cual coger, ¿puedes echarme un cable?
    a ver si puedes entrar y me dices cual es.
    http://www.imageboo.com/links.php?file=fhsv7bxft81r4a22nnub.jpg

    ResponderEliminar
  45. Vaya, por fin encuentro un blog que lo explica bien. Muchísimas gracias. ☺

    ResponderEliminar
  46. @Itachi. Gracias por tus palabras.

    @sable. Tienes que coger el enlace que finalice en .ico

    @Daniel. Gracias Daniel, me alegro haberte servido de ayuda.

    ResponderEliminar
  47. Gracias a los dos por vuestro comentario. Me alegro que os haya servido :)

    ResponderEliminar
  48. Gracias, me ha salido al tercer intento....jejee saludos

    ResponderEliminar
  49. Se me viene una curiosidad, ¿como se hace para que mi favicom aparezca, en vez del icono de blogger, en los blog que me enlazan? Tal vez luego puedas hacer un articulo sobre el tema. Saludos

    ResponderEliminar
  50. gracias... yo tuve que pegarlo debajo de

    Excelente tu blog!

    ResponderEliminar
  51. Este es uno de los blogs más útiles que he conocido, gracias a tí y a tu gran esfuerzo, he puesto mis dos blogs mucho más presentables! Ya eres parte de mis favoritos, muchas gracias! Ahora voy a intentar lo del favicon!

    ResponderEliminar
  52. Como siempre!, mil gracias por tu ayuda! pero no consigo que se vea la imagen, no me da problemas a la hora de actualizar la plantilla y guardarla con los cambios, pero sigue apareciendo el favicon de blogger... ¿por qué podría ser?

    Gracias por tu ayuda!

    ResponderEliminar
  53. por cierto, he intentado las tres formulas que comentas...

    ResponderEliminar
  54. muchisimas gracias wow fue un poco complicado... me gusta mucho tu pagina ns ayuda un monton...

    a mi no me funciono nunguna de las paginas para subir el archivo... me ayudo fue picpanda.com

    ResponderEliminar
  55. Muchísimas gracias, cada día voy mejorando gracias a vos, yo lo subí al hosting picpanda.com y lo pude colocar después de , excelente tu explicación paso a paso y la aclaración para algunas plantillas ya que me sirvió un montón al no tener una muy convencional que digamos.
    Me gustaría si me puedes ayudar o recomendar algo para poner un banner donde tengo el titulo del blog.

    Desde ya muchas gracias
    Saludos

    ResponderEliminar
  56. Muchísimas gracias por compartir tu blog...

    Ya he cambiado mi Favicon en el blog, para subir la imagen a internet he usado el siguiente link https://www.dropbox.com/downloading?src=webreg

    Un saludo

    ResponderEliminar
  57. *.* No se cómo agradecerte!
    Lo he intentado un montón de veces con las intrucciones de otras webs, pero tu forma es la única que me funcionó.
    Siempre que necesito cambiar algo para mi blog, me paso por aqui ^^
    Gracias!

    ResponderEliminar
  58. No encuentro un host para subir el favicon ,

    ResponderEliminar
  59. Hey muchisimas gracias me sirvio despues de

    ResponderEliminar
  60. b:include data='blog' name='all-head-content'/

    ResponderEliminar
  61. Hola disculpa si este comentario no va aquí, pero en mi blog: http://www.wweenespmexico.com.ar arriba de la imágen header se ha puesto un (-->) no sabes como borrarlo?
    Saludos :D

    ResponderEliminar
  62. gracias por el aporte me funciono las alternativas que dejaste ,,era la plantilla ..pero lo solucione gracias!

    ResponderEliminar
  63. Muuuuchass gracias!!! me tardé regular time en hacer que salgaaa pero ya lo he logradooooo bueniiiisisismaaa ayudaaa ;))

    ResponderEliminar
  64. la verdad que he seguido estos pasos y no me aparece el favicon.

    ResponderEliminar
  65. Blogger ya tiene la posiblidad de cambiar el favicon sin necesidad de que se tenga que tocar el código de la plantilla.

    Solo hay que acudir a Diseño y después a Favicon.

    Unicamente tienes que tenerla generada

    ResponderEliminar
  66. Sí Lorena tiene Razón, Pero sí hay que guardar la imagen en formato .ico como tu especificastes... Muchísimas Gracias de Pana este sitio es lo máximo ;-)

    ResponderEliminar
  67. Hola...este sitio me encanta,este sitio me gusta mucho,fue el primero a donde entre,estuve tiempo buscando para escribirte,de aqui he aprendido mucho igual de Ciudad Blogger.
    Tambien eres Genial.
    Saludos desde Venezuela.

    Gracias Por Compartir

    ResponderEliminar