Cómo poner un favicon en Blogger

|

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 Blogger > Diseño > 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='http://URL del favicon/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://URL del favicon/favicon.ico' rel='icon' type='image/x-icon'/>


El código debe verse así:

favicon blogger

Obviamente tú debes sustituir donde dice URL del favicon/favicon.ico 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>>

171 comentarios:

Cynthia dijo...

Me ha servido de maravilla. Mil gracias!

El Potro™ dijo...

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

Dr. Victor Guillermo Pagé Hernandez dijo...

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.

El Potro™ dijo...

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.

Insomnya dijo...

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

El Potro™ dijo...

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.

Insomnya dijo...

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

El Potro™ dijo...

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.

Insomnya dijo...

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

El Potro™ dijo...

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

Mathias dijo...

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!

El Potro™ dijo...

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

Mathias dijo...

Gracias potro!!
me ha fucinado de maravilla


mil gracias :)

Anónimo dijo...

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

El Potro™ dijo...

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

Saludos.

Anónimo dijo...

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

El Potro™ dijo...

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.

Anónimo dijo...

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

El Potro™ dijo...

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.

Anónimo dijo...

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

El Potro™ dijo...

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.

El Potro™ dijo...

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.

HP muggle dijo...

Potro no sale mi favicon mira mi blog y no sale:

http://hpmuggleperu.blogspot.com/

El Potro™ dijo...

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.

animalito dijo...

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

El Potro™ dijo...

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.

animalito dijo...

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!

El Potro™ dijo...

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.

bernal oeste 2008 el año del leon a.v.f.b.o(Daniel fraga y Dani Fraga) dijo...

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 ?

El Potro™ dijo...

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.

gu3r00 dijo...

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

El Potro™ dijo...

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.

El Potro™ dijo...

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

Saludos.

El Potro™ dijo...

Hola Manuel Pulido,

Me alegra que te haya funcionado.
Saludos.

ELO dijo...

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).

El Potro™ dijo...

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.

Dj Nestor dijo...

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

Dj Nestor dijo...

Bueno ya esta arreglado, era porque copiava mal la url

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

El Potro™ dijo...

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.

Dj Nestor dijo...

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)

El Potro™ dijo...

Hola Dj Nestor,

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

Joel dijo...

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

El Potro™ dijo...

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ú =(

Rogelio dijo...

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

El Potro dijo...

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.

ramiz dijo...

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

Grax por el aporte!

El Encargado K dijo...

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.

El Potro dijo...

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!

GiseUsh dijo...

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

El Potro dijo...

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.

GiseUsh dijo...

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

El Potro dijo...

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.

By Camus dijo...

Muchas Gracias por todo!

Siempre creciendo Gracias a tus aportes...

Pregunta...

¿Se puede hacer algo para que el favicon se muestre en caso de que alguien abra una de nuestras entradas en una nueva ventana o pestaña?
Es que solo sale la primera vez y si se abre una entrada en una nueva pestaña o ventana, cambia al de Blogger...
(al menos así me pasa a mi, mira y verás http://descargarenespanol.blogspot.com)

Gracias..

El Potro dijo...

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.

thesystemdark dijo...

gracias!!
antes habia probado y no me habia
funcionado!!

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

grax

Mauricio y Ana Maria dijo...

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

El Potro dijo...

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.

Mauricio y Ana Maria dijo...

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

El Potro dijo...

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.

losdiariosdefutbol.com dijo...

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

El Potro dijo...

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

Saludos.

Mundo Tv dijo...

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 ^^

El Potro dijo...

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!

EL CHELEGAL dijo...

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

El Potro dijo...

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

Saludos.

Merlina dijo...

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!!!

El Potro dijo...

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.

Merlina dijo...

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!!!

El Potro dijo...

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.

Merlina dijo...

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!!!!

El Potro dijo...

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!

BeTho dijo...

wow gracias potro me a servido mucho tu tuto.

gracias

Zero T-rex dijo...

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

El Potro dijo...

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

Feroz dijo...

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/

Feroz dijo...

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.

El Potro dijo...

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.

El Potro dijo...

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

Besos!

METAuto dijo...

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

El Potro dijo...

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.

METAuto dijo...

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

El Potro dijo...

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

Feroz dijo...

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

Feroz dijo...

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.

El Potro dijo...

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.

Lobo dijo...

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.

El Potro dijo...

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

Un abrazo!

ANDRES ARMAS dijo...

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.

El Potro dijo...

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.

ANDRES ARMAS dijo...

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.

ANDRES ARMAS dijo...

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.

El Potro dijo...

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.

ANDRES ARMAS dijo...

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.

ANDRES ARMAS dijo...

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.

El Potro dijo...

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.

El Potro dijo...

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

R4u1 dijo...

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?

El Potro dijo...

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.

.·:*¨♡¨*:·. LaCaRoLiTa .·:*¨♡¨*:·. dijo...

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/

El Potro dijo...

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!

.·:*¨♡¨*:·. LaCaRoLiTa .·:*¨♡¨*:·. dijo...

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/

El Potro dijo...

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.

.·:*¨♡¨*:·. LaCaRoLiTa .·:*¨♡¨*:·. dijo...

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

El Potro dijo...

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.

.·:*¨♡¨*:·. LaCaRoLiTa .·:*¨♡¨*:·. dijo...

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

El Potro dijo...

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

Besoso.

El Potro dijo...

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

Besos!

Brujo5 dijo...

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

ladylola dijo...

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.

El Potro dijo...

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.

javistone dijo...

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.

El Potro dijo...

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!

sawamur4seijikun dijo...

gracias muchas gracias me ha servido bien
gracias por tus tutoriales
:)

luz dijo...

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.

El Potro dijo...

Hola luz,

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

Saludos!

taum! dijo...

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

El Potro dijo...

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

taum! dijo...

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

taum! dijo...

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

El Potro dijo...

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.

taum! dijo...

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

El Potro dijo...

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

taum! dijo...

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!

LOS MORTIFICADORES dijo...

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

El Potro dijo...

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

LOS MORTIFICADORES dijo...

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

LOS MORTIFICADORES dijo...

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

El Potro dijo...

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

Seba dijo...

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

El Potro dijo...

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

El Potro dijo...

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.

Germán dijo...

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?

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo