Cómo poner un 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.
Suscribirse a:
Enviar comentarios (Atom)
Ya probe con las tres alternativas y no me sale :(....
ResponderEliminarHola Fabricio, ¿al icono lo has llamado favicon.ico?
ResponderEliminarAutomaticamente el sitio genero un archivo .ico llamado favicon.ico
ResponderEliminarRevisa los pasos a ver si has pegado los codigos en su lugar correctamente. No se me ocurra otra cosa.
ResponderEliminara mi tampoco me funciona, la direccion del link es eta:
ResponderEliminarhttp://pmsc.free.fr/C01/09923211855.ico
sera porque no se llama favicom??
ya me funciono jeje
ResponderEliminarsaludos!!
Hola degafe. Debe llamarse favicon.ico
ResponderEliminar¿Te ha funcionado renonbrandolo asi?
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!!
ResponderEliminarSe puede poner uno animado?
ResponderEliminarHola Swol. Si se puede, pero debes crear un .gif para ello.
ResponderEliminarUn saludo.
Loco la pagina es excelente me has dado una gran ayuda para modificar mi Blog.Un Saludo y Mil Gracias...
ResponderEliminarGracias a ti por animarte a escribir en este blog y por tu visita. ¡Espero volverte a ver por aquí! ¡Un saludo!
ResponderEliminarMi 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
ResponderEliminarMuchas gracias W.F.N DX MOE. Me alegro que este humilde blog y todo el esfuerzo que conlleva sirva para mucha gente.
ResponderEliminarUn saludo.
Excelente!! he sacado las entradas Atom, hice el favicon y dejé la barra de Blogger sólo visible si se pasa el cursor.
ResponderEliminarGenial!
Gracias!
Gracias a ti Susana. Un saludo, espero volverte a ver por aquí.
ResponderEliminarHola 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
ResponderEliminarHola Anonimo. Te recomiendo el programa "AAA Logo 2008". Ahi podras crear algo que te sirva sin tener que emplear photoshop de momento.
ResponderEliminarUn saludo y gracias a ti.
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 :)
ResponderEliminarHola Swol. ¿Te refieres al favicon que ya trae la plantilla con el icono de blogger?
ResponderEliminarPorque si te refieres a ese no tienes que preocuparte y sólo debes seguir los pasos anteriores.
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
ResponderEliminarSaludos!!
ResponderEliminarGracias 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!
@ Anónimo. Mil gracias por tus palabras, me enorgullece leerte. Gracias a ti por comentar y por tu visita. ¡Un saludo!
ResponderEliminar@ Admin. Muchísimas gracias por la información que nos traes. Muy útil. Muchas gracias compañero. Un saludo.
Muchas Gracias!!! despues de intentarlo zapotocientas veces al fin lo logré.
ResponderEliminarGracias a ti Edy Obed. ¡Un saludo!
ResponderEliminarGracias por esta entrada, Oodontologia UNAM
ResponderEliminarhola 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@ Gracias a ti Oodontología UNAM. Bienvenido a este blog ;D
ResponderEliminar@ 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.
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
ResponderEliminarwww.teenfamosas.tk
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.
ResponderEliminarGracias 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
ResponderEliminarGracias a ti por tu visita y por comentar. Bienvenido al blog. Me alegro de que me hayas agregado a tus marcadores. Un saludo amigo.
ResponderEliminarquisiera 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
ResponderEliminarHola Javier. Parece que la web está caída en estos momento. Prueba con http://www.box.net/
ResponderEliminarSaludos y bienvenido al blog.
ola quierocrearunblog otro hosting para archivos ico. puede ser tambien
ResponderEliminarhttp://www.imageboo.com/index.php
Gracias por tu aporte AnimexVid.
ResponderEliminarno me funciona la pagina francesa y ya tengo mi favicon creado
ResponderEliminarEl 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.
ResponderEliminarYa he añadido otra opción en la entrada. Espero que os sirva.
ResponderEliminar"...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.
Este comentario ha sido eliminado por el autor.
ResponderEliminarYo 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.
ResponderEliminarGracias 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.
ResponderEliminarGracias, es la primera explicación que me sirve.
ResponderEliminarDespué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.
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@Alberto. Gracias amigo, me alegro que te haya servido. Un saludo y bienvenido al blog.
ResponderEliminar@Anthony. ¡Claro que me acuerdo de ti! ¿Todo bien? Me alegro que este blog te haya servido. Un saludo y felices fiestas.
Muy bueno!Me sirvio y ahora mi blog esta quedando muy bonito, muchas gracias eres lo mas!
ResponderEliminarmmm si lo pongo en los 3 a la vez... no va a funcionar, ¿verdad? xD
ResponderEliminarbuenas 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?
ResponderEliminara ver si puedes entrar y me dices cual es.
http://www.imageboo.com/links.php?file=fhsv7bxft81r4a22nnub.jpg
Vaya, por fin encuentro un blog que lo explica bien. Muchísimas gracias. ☺
ResponderEliminar@Itachi. Gracias por tus palabras.
ResponderEliminar@sable. Tienes que coger el enlace que finalice en .ico
@Daniel. Gracias Daniel, me alegro haberte servido de ayuda.
buen aporte gracias
ResponderEliminarSiempre vuelvo....Gracias x tu ayuda!
ResponderEliminarGracias a los dos por vuestro comentario. Me alegro que os haya servido :)
ResponderEliminarGracias, me ha salido al tercer intento....jejee saludos
ResponderEliminarSe 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
ResponderEliminargracias... yo tuve que pegarlo debajo de
ResponderEliminarExcelente tu blog!
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!
ResponderEliminarComo 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?
ResponderEliminarGracias por tu ayuda!
por cierto, he intentado las tres formulas que comentas...
ResponderEliminarmuchisimas gracias wow fue un poco complicado... me gusta mucho tu pagina ns ayuda un monton...
ResponderEliminara mi no me funciono nunguna de las paginas para subir el archivo... me ayudo fue picpanda.com
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.
ResponderEliminarMe gustaría si me puedes ayudar o recomendar algo para poner un banner donde tengo el titulo del blog.
Desde ya muchas gracias
Saludos
Muchísimas gracias por compartir tu blog...
ResponderEliminarYa 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
*.* No se cómo agradecerte!
ResponderEliminarLo 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!
No encuentro un host para subir el favicon ,
ResponderEliminarHey muchisimas gracias me sirvio despues de
ResponderEliminarb:include data='blog' name='all-head-content'/
ResponderEliminarHola 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?
ResponderEliminarSaludos :D
gracias por el aporte me funciono las alternativas que dejaste ,,era la plantilla ..pero lo solucione gracias!
ResponderEliminarMuuuuchass gracias!!! me tardé regular time en hacer que salgaaa pero ya lo he logradooooo bueniiiisisismaaa ayudaaa ;))
ResponderEliminarla verdad que he seguido estos pasos y no me aparece el favicon.
ResponderEliminarBlogger ya tiene la posiblidad de cambiar el favicon sin necesidad de que se tenga que tocar el código de la plantilla.
ResponderEliminarSolo hay que acudir a Diseño y después a Favicon.
Unicamente tienes que tenerla generada
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 ;-)
ResponderEliminarHola...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.
ResponderEliminarTambien eres Genial.
Saludos desde Venezuela.
Gracias Por Compartir