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.
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!
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?
47 personas se han atrevido a opinar
No conocia tu blog, y mis ojos no han podido resistirse a mirar la lista de cosas que hacer!! jejeje Me encanta! :-)
ResponderEliminarSaludos desde 'Me visto solo' [Man] - mevistosolo.blogspot.com
Jo, pues cuando yo lo hice no era tan sencillo...
ResponderEliminarYa 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
EliminarSí 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
EliminarOle, 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!
ResponderEliminarAhora 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!!!
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
ResponderEliminarY 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
EliminarSíii yo lo puse hace unos meses y me encanta para distinguir el blog en la barra y en los blogrolls. ;) bss
ResponderEliminargracias por explicarlo! no tenia ni idea de com ponerlo y gracias a ti lo voy a provar
ResponderEliminarmil gracias
un besoooo wapa
Olé ahí! Muchas gracias por tus consejos! Me son de gran ayuda!
ResponderEliminarSaludos
Pili
5minutosparati.blogspot.com
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!!!
ResponderEliminarYa 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?
siempre buenos tips!
ResponderEliminarEres ñ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?
ResponderEliminarEs muy dificil confundirse porque solo tocas en la parte de favicon, así que por intentarlo no pierdes nada
Eliminarque genial!!!! :) muchas gracias!!!!
ResponderEliminarhttp://www.realtrends4realwomen.blogspot.com.es/
este post me viene genial, el otro día estaba pensando cómo se debía hacer!
ResponderEliminarLa 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!!!
ResponderEliminarUn 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
ResponderEliminarGenial! Yo tengo el Favicom desde hace muuucho ya! De hecho hice un vídeo para que a la gente le fuera más sencillo! ;)
ResponderEliminarUn saludo desde yayels-yayels-yayels.blogspot.com
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)
ResponderEliminarHoy 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
Anda!! yo creo que no hice nada y me sale solo.. pero en wordpress debe de salir sólo al tener puesto el avatar...
ResponderEliminarMi próxima adquisición es también una tableta... que tal se maneja?? Dicen que cuesta acostumbrase un poco al lapiz..
Este comentario ha sido eliminado por el autor.
EliminarCon 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
EliminarMil gracias!! anda y anda que no nos eres útil para poner nuestros blogs bien cuquis!!
ResponderEliminarMuchos bss!!
http://conchitaschiribitas.blogspot.com.es/
Tu smp ayudando y ilustrando paso por paso cositas!! ;)
ResponderEliminarYo lo supe instalar solita... Todavía me pregunto cómo!!
Un besazo Ana!!**
[ART&LIFE]
http://theartandlife.blogspot.com
Buen post, es muy sencillo hacerlo pero hay gente que no sabía ;)
ResponderEliminar¡Besitos!
milowcost●
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.
ResponderEliminarana♥
613materika
muchas gracias!! es muy interesante.
ResponderEliminarme gusta mucho tu blog, lo acabo de descubrir.
besosEl cielo es de color rosa
En blogspot cuesta más. Aunque hagas todo según las istrucciones, falla.
ResponderEliminarLo he probado en un blog personal que tengo y me ha costado:)
___________________________________
www.fashionablylate.es
Las patosas como yo te lo agradecemos :)
ResponderEliminarAcabo de descubrir tu blog y me encanta, me quedaré por aquí.
www.mycutebride.blogspot.com.es
estos consejos en tu blog me encantan!!!
ResponderEliminarHOLA yo es que no me pierdo nunca tus post te sigo desde hace una año aproximadamnete. Gracias por compartir Cielo.
ResponderEliminarBueno 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.
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!
EliminarA 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
ResponderEliminarBesooos
¡No sé como no había descubierto tu blog antes! :D Me encanta, te sigo pero ya!
ResponderEliminarEste 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/
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!!
ResponderEliminarUn beso!!
http://areia-rqr.blogspot.com.es/
Muy buenos! Están muy bueno tu tutorial!
ResponderEliminarJo, 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 =(
ResponderEliminarEntro en mi escritorio del blog y en el diseño sí me aparece, pero no en la barra de direcciones... =(
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!
EliminarMil gracias por contestar!
ResponderEliminarSi 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
Eres maravillosa!!!!!!!!!!!!!! Ya tengo el mio!!!!!!!!!!!
ResponderEliminarbesos grandes amore!
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.
ResponderEliminarBesos.
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.
ResponderEliminarDe todas las maneras gracias!!
bss
yaaaaaaaaaaa!!! salio de repente!!!
ResponderEliminarHola! 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^^
ResponderEliminarwww.filleclassique.blogspot.com.es
Que lindo tu blog.
ResponderEliminarNo 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.
He llegado por casualidad buscando cómo instalar el favicon, ¡¡y me quedo!! me encanta tu blog.
ResponderEliminarSeguí los pasos uno a uno, ahora a esperar esos minutos a que aparezca.
Muchas gracias por el tutorial
Muchas gracias por darle vida al blog con tu comentario!