Tutorial: Como instalar el favicon en tu blog

25.6.12

Son muchas las personas que a través del correo electrónico me han preguntado como he hecho para colocar la florecita en la barra del navegador cuando lo abres. Pues bien, gracias a las innovaciones que ha hecho últimamente blogger, la tarea sea ha facilitado muchísimo (antes era complejo de verdad) Os voy a mostrar paso a paso como instarlo en vuestro blog de Blogger.

PhotobucketPhotobucketPhotobucket

La página para crear el favicon es Dinamic Drive, podéis acceder pinchando aquí.

Como véis es muy sencillo y da otro efecto al blog, parece algo más profesional. Como pongo en el tutorial es mucho mejor subir un icono sin fondo, para que así se mantenga el fondo de la barra del navegador que cada usuario tiene de un color. Si tenéis cualquier duda, aquí estoy :)

NOTA: El favicon puede tardar unos minutos en aparecer

Por cierto hoy he recibido mi nueva tableta gráfica Bamboo de Wacom y de momento estamos haciendo buenas migas, ya he hecho algunas cosas con ella en el post de hoy, espero que la relación se vaya afianzando!

¿Os resulta útil este tipo de post? ¿Sabíais lo que era el favicon?


Photobucket

Otros artículos interesantes

47 personas se han atrevido a opinar

  1. No conocia tu blog, y mis ojos no han podido resistirse a mirar la lista de cosas que hacer!! jejeje Me encanta! :-)

    Saludos desde 'Me visto solo' [Man] - mevistosolo.blogspot.com

    ResponderEliminar
  2. Jo, pues cuando yo lo hice no era tan sencillo...

    ResponderEliminar
    Respuestas
    1. Ya ves, había que tocar código html, subir el favicon a una página del infierno...la tecnología avanza que es una barbaridad jeje

      Eliminar
    2. Sí Ana, de hecho el paso de png a ico me lo hace esa página que tú dices, y llamándose exclusivamente "favicon.ico" me dice blogger que el formato no es válido!:S

      Eliminar
  3. Ole, ole, oleeeee!!!! Creo que yo fui una de las que te pidió que explicaras cómo hacerlo y lo acabo de hacer en nuestro blog!!! Es verdad, ha sido súper fácil. Muuuuchas muchas gracias!!! ¡Ya tenemos favicon!
    Ahora tengo otra consulta... Bueno, yo te la lanzo y si sabes, quieres o puedes nos la resuelves también!
    En nuestro blog salta publicidad cuando entras en él. A mí, mi antivirus me lo bloquea, pero a otras personas le sale. ¿Cómo se puede quitar esa publicidad que no hemos contratado y que no queremos que salga en una ventana emergente cuando entran en el blog?
    Muchas gracias de nuevo! Y muchisimas felicidades por tu blog. ES GENIAL!!!

    ResponderEliminar
  4. Ana, he intentado este tutorial porque lo del favicon es una de mis espinitas clavadas, pero soy incapaz porque desde esa pagina el formato es incompatible (.ico) con blogger! Y lo he intentado con una simple imagen en .png y aún así... :S

    ResponderEliminar
    Respuestas
    1. Y has hecho el paso 3 convirtiéndolo en favicon? Es que no basta con que sea .ico, también debe de tener el nombre correcto. favicon a secas, ni uno ni dos ni lo que tu quieras. Es esencial

      Eliminar
  5. Síii yo lo puse hace unos meses y me encanta para distinguir el blog en la barra y en los blogrolls. ;) bss

    ResponderEliminar
  6. gracias por explicarlo! no tenia ni idea de com ponerlo y gracias a ti lo voy a provar
    mil gracias
    un besoooo wapa

    ResponderEliminar
  7. Olé ahí! Muchas gracias por tus consejos! Me son de gran ayuda!
    Saludos
    Pili
    5minutosparati.blogspot.com

    ResponderEliminar
  8. Yo había oido hablar "tímidamente" de él, pero jamás me había preocupado porqué podía ser... jajajaj me encantan estos post, son muy muy instructivos!!!
    Ya que estás podrías decirnos también como colocas en la barra lateral todos los enlaces a twitter, facebook y demás de una manera fácil!
    ¿Hay que saber HTML para poder hacerlo?? ¿O desde la plantilla de diseño es fácil?

    ResponderEliminar
  9. Eres ña reina de los tutoriales blogeros!!ahora mismo voy a instalarme uno en Oltra Bitácora,pero podré hacerlo en ElPlan B siin cargarme nada?

    ResponderEliminar
    Respuestas
    1. Es muy dificil confundirse porque solo tocas en la parte de favicon, así que por intentarlo no pierdes nada

      Eliminar
  10. que genial!!!! :) muchas gracias!!!!

    http://www.realtrends4realwomen.blogspot.com.es/

    ResponderEliminar
  11. este post me viene genial, el otro día estaba pensando cómo se debía hacer!

    ResponderEliminar
  12. La verdad que no tenia ni idea de que era eso del faicon, pero si que me había fijado en que cada blog tenia el iconito y yo lo quería pero no sabia como cambiarlo, hasta ahora............. MUCHISIMAS GRACIAS y sigue poniendo este tipo de tutoriles que nos encantaaaannn!!!

    ResponderEliminar
  13. Un curso de dos meses me hice para esto!! jajaja, noooo, pero si me enseñaron a hacerlo y la verdad me resultó útil para personalizar el blog

    ResponderEliminar
  14. Genial! Yo tengo el Favicom desde hace muuucho ya! De hecho hice un vídeo para que a la gente le fuera más sencillo! ;)

    Un saludo desde yayels-yayels-yayels.blogspot.com

    ResponderEliminar
  15. Ais yo fui de las que te lo pregunté! jaja al final lo conseguí poner, toqueteando (porque claro a mi la palabra Favicom me sonaba a chino jaja)
    Hoy acabo de estrenar el blog uf aunque aún no estoy muy segura :)
    Y ya nos contarás que tal la tablet! A mi para mi cumpleaños me regalarón una normal (no de dibujo) y básicamente la uso para pintar y aunque no sea especial para eso los resultados son geniales :)
    http://victoriasrun.blogspot.com.es/

    Kisses
    V

    ResponderEliminar
  16. Anda!! yo creo que no hice nada y me sale solo.. pero en wordpress debe de salir sólo al tener puesto el avatar...
    Mi próxima adquisición es también una tableta... que tal se maneja?? Dicen que cuesta acostumbrase un poco al lapiz..

    ResponderEliminar
    Respuestas
    1. Este comentario ha sido eliminado por el autor.

      Eliminar
    2. Con esta te adaptas rápido porque el lapiz es muy similar a un lapiz normal y corriente, vamos, la precision es casi la misma. Yo tenía una antigua y la precisión era horrible, todo quedaba como dibujos de niños de preescolar, pero esta está muy muy lograda

      Eliminar
  17. Mil gracias!! anda y anda que no nos eres útil para poner nuestros blogs bien cuquis!!
    Muchos bss!!
    http://conchitaschiribitas.blogspot.com.es/

    ResponderEliminar
  18. Tu smp ayudando y ilustrando paso por paso cositas!! ;)

    Yo lo supe instalar solita... Todavía me pregunto cómo!!

    Un besazo Ana!!**

    [ART&LIFE]
    http://theartandlife.blogspot.com

    ResponderEliminar
  19. Buen post, es muy sencillo hacerlo pero hay gente que no sabía ;)

    ¡Besitos!
    milowcost

    ResponderEliminar
  20. Muchísimas gracias. Yo soy de las que no lo sabían, así que ya me lo he cambiado. Encuentro tu blog interesantísimo. Siempre veo algo que me resulta útil. Gracias.

    ana♥
    613materika

    ResponderEliminar
  21. muchas gracias!! es muy interesante.
    me gusta mucho tu blog, lo acabo de descubrir.
    besosEl cielo es de color rosa

    ResponderEliminar
  22. En blogspot cuesta más. Aunque hagas todo según las istrucciones, falla.

    Lo he probado en un blog personal que tengo y me ha costado:)

    ___________________________________
    www.fashionablylate.es

    ResponderEliminar
  23. Las patosas como yo te lo agradecemos :)
    Acabo de descubrir tu blog y me encanta, me quedaré por aquí.
    www.mycutebride.blogspot.com.es

    ResponderEliminar
  24. estos consejos en tu blog me encantan!!!

    ResponderEliminar
  25. HOLA yo es que no me pierdo nunca tus post te sigo desde hace una año aproximadamnete. Gracias por compartir Cielo.

    Bueno ahora sino es molestia queria preguntar como insertas tu reproductor de musica debajo de cada post. llevo tiempo tratando de insertar uno y los que me salen es para añadir como gadget para el final del blog o una columna. Es que mola mucho una canción debajo en cada post. Disculpa y muchas gracias

    Un abrazo.

    ResponderEliminar
    Respuestas
    1. Lo hago insertando el video de Youtube y luego variando el tamaño poniendo 400 de ancho y 25 de alto. No tiene mas, es muy sencillito!

      Eliminar
  26. A mi todos tus posts me encantan porque son tan útiles!! Yo no sabía como hacer esto... a ver si me pongo a ello, porque mola :D .. Por cierto yo también quiero comprarme la wacom.. ya me dirás que tal te va con la tuya!! <3
    Besooos

    ResponderEliminar
  27. ¡No sé como no había descubierto tu blog antes! :D Me encanta, te sigo pero ya!
    Este post me ha sido muy útil, ya tengo mi favicon instalado, me encanta :D
    Muchas muchas muchas gracias guapa!
    Queria pedirte un consejillo de blogger experimentada para una novata como yo jaja :)
    Muchos besos!





    http://simpleisnotboring.blogspot.com.es/

    ResponderEliminar
  28. HOla!! la verdad es que lo del favicon queda genial y si ya caes en la cuenta de hacerlo en png sin fondo aun mejor, muchas gracias por la explicacion!!
    Un beso!!

    http://areia-rqr.blogspot.com.es/

    ResponderEliminar
  29. Muy buenos! Están muy bueno tu tutorial!

    ResponderEliminar
  30. Jo, pues a mi no me aparece en la barra de dirección de blogger y eso que lo he guardado en formato .png, he creado el favicon y ese es el archivo que he puesto en la edición del diseño del blog =(

    Entro en mi escritorio del blog y en el diseño sí me aparece, pero no en la barra de direcciones... =(

    ResponderEliminar
    Respuestas
    1. Muchas veces al guardar el ordenador las cookies del sitio no actualiza. Prueba a borrarlas y a ver si te sale. Yo lo cambie el lunes por el corazón y hasta ayer no me salió el corazoncito en todos los navegadores, no se porque será. Paciencia!

      Eliminar
  31. Mil gracias por contestar!

    Si vieras que lo he hecho como unas 3 veces!! jajajaja Al final he vuelto a mirar los pasos en Dynamic Drive y después de guardar todo, lo que he hecho ha sido añadir "/favicon.ico" a mi dirección del blog y me aparecía el icono de Blogger, he actualizado y ya me ha aparecido mi icono! Me encanta!! ^_^

    Eres un sol!!

    Besotes! ;D

    ResponderEliminar
  32. Eres maravillosa!!!!!!!!!!!!!! Ya tengo el mio!!!!!!!!!!!
    besos grandes amore!

    ResponderEliminar
  33. Gracias por ser tan generosa. Tengo el blog hace solo 6 meses y ando un poco perdida todavía, los consejos de este tipo me vienen muy bien.

    Besos.

    ResponderEliminar
  34. Ana, muchas gracias m ha encantado tu totorial, lo he hecho paso a paso y creo que bien ya que no me da ningun error y en la plantilla yo le veo, pero nada hace 5 o 6 dias que lo hice y nada.
    De todas las maneras gracias!!
    bss

    ResponderEliminar
  35. yaaaaaaaaaaa!!! salio de repente!!!

    ResponderEliminar
  36. Hola! Hace meses que no me reviso mi blog ni el de nadie, con los exámenes solo podia ver twitter y poco mas, me lo he revisado a fondo y me sigue encantando! Estoy haciendo un plan de Viaje para imprimir y he visto esa minilomo diana y quiero saber donde sacas ese tipo de imágenes tan bonitas para mis post, me vendrían genial ana! Espero tu respuesta , graciaas^^
    www.filleclassique.blogspot.com.es

    ResponderEliminar
  37. Que lindo tu blog.
    No sabes cuantas vueltas me había dado buscando esta información.
    Hasta que la he encontrado aquí, jajaj.
    tu blog es una maravilla y lo que muestras y cuentas más.
    Me sigo pasando, disfruta tus vacaciones.
    Maca.

    ResponderEliminar
  38. He llegado por casualidad buscando cómo instalar el favicon, ¡¡y me quedo!! me encanta tu blog.
    Seguí los pasos uno a uno, ahora a esperar esos minutos a que aparezca.
    Muchas gracias por el tutorial

    ResponderEliminar

Muchas gracias por darle vida al blog con tu comentario!

Post Populares