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:
¿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.
- 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.
- 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. 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
- 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.
- Ya que has subido el ícono al servidor entra en Plantilla | Edición de HTML, busca al inicio de la plantilla esta etiqueta:
<b:skin><
Obviamente tú debes sustituir donde dice URL del favicon 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:
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>
Ciudad Blogger
Este comentario ha sido eliminado por el autor.
ResponderEliminarMe ha servido de maravilla. Mil gracias!
ResponderEliminarAnda de 10. Gracias man!
ResponderEliminarSaludos.
Y te quedó perfecto Cyber, de cualquier modo ya hice una actualización al post.
ResponderEliminarSaludos.
Hola amigo en que servidor puedo almacenar una imagen .ico
ResponderEliminarAmigo 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.
ResponderEliminarHola Víctor, si aún no tienes un servicio de alojamiento puedes ver uno que recomiendo en este post es gratuito.
ResponderEliminarSi 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.
Amigo me saliooooooooooooo jajajaja
ResponderEliminarEso acabo de ver, te ha salído muy bien.
ResponderEliminarSaludos.
MUCHAS GRACIAS!
ResponderEliminarHola vi que tenes un favicon hermoso en movimiento tipo marquesina podrías explicar cómo lo hiciste???
ResponderEliminarUn saludo y desde ya muchas gracias
Hola Insomnya,
ResponderEliminarEl 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.
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.
ResponderEliminarbueno me encantaría que me expliques como lo hiciste.
Mil gracias.
Un saludo
Hola Insomnya,
ResponderEliminarMe 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.
Muchisimas gracias !!!!!! está hermosísimo justo lo que quería mil gracias!!
ResponderEliminarAhora 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
Jajaja, muchas gracias. Te aceptaré el postre =)
ResponderEliminarCualquier cosa que necesites estoy a tus ordenes.
Saludos.
Muy bueno pero sigo sin resultados :(
ResponderEliminaral final dice eso de poner ese codigo
despues de la etiqueta.
Pero podrias explicar como es eso :S?
saludos!
Hola Mathias,
ResponderEliminarPon el código antes de la etiqueta:
<b:skin><![CDATA[/* y dime si con eso se arregla.
Saludos.
Gracias potro!!
ResponderEliminarme ha fucinado de maravilla
mil gracias :)
Por nada Mathias,
ResponderEliminarSaludos.
nesesito ayuda no me sale el favicon creo q el url de la imagen esta maloo ayudaa
ResponderEliminarHola Anónimo,
ResponderEliminarSin saber la dirección de tu blog y del favicon me es imposible ayudarte.
Saludos.
http://beisbolchiricano.com/ ya lo he intentado un monton de veces pero no me sale el favicon grax
ResponderEliminarHola Anónimo,
ResponderEliminarEfectivamente 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.
bueno intente arreglarlo y arregle la direccion que estaba mala pero aun no funciona
ResponderEliminarHola Anónimo,
ResponderEliminarEstá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.
Amigo esto es lo que estoy poniendo en la plantilla = me sale error
ResponderEliminarHola Anónimo,
ResponderEliminarYa 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.
POTRO COMO UN SERVIDOR GRATUITO?
ResponderEliminarHola HP muggle,
ResponderEliminarUn servidor de alojamiento gratuito como Imageshack, Photobuket, Dropbox, etc. En cualquiera que te permita alojar imágenes puedes subir tu favicon.
Saludos.
Potro no sale mi favicon mira mi blog y no sale:
ResponderEliminarhttp://hpmuggleperu.blogspot.com/
Hola HP muggle,
ResponderEliminarAlgunas 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.
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.
ResponderEliminarSaludos
Hola animalito,
ResponderEliminarMe 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.
Gracias de todas maneras. Ya encontre la causa del problema:
ResponderEliminarAl 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!
Wow animalito, pues muchas gracias por la info, estoy seguro que alguien con ese problema estará muy agradecido contigo.
ResponderEliminarGracias por compartir la solución al problema.
Saludos.
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 ?
ResponderEliminarHola Bernal Oeste,
ResponderEliminarAhora 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.
Gracias
ResponderEliminarsos la unica pagina que satisface las necesidades de la gente en sus blogs.
Gracias a ti =)
ResponderEliminarSaludos.
oye no me funciono mi pag es virusmakerme.blogspot.com
ResponderEliminarHola gu3r00,
ResponderEliminarTienes 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.
potro ya no sale mi favicon sabes que habra pasado?
ResponderEliminarYo lo veo perfecto. Algunas veces los blogs no lo muestran por momentos pero es normal.
ResponderEliminarSaludos.
potro por lo menos cuanto dura?
ResponderEliminarNo tengo idea, son caprichos del navegador.
ResponderEliminarSaludos.
Excelente!
ResponderEliminarcon la revisión 1º funcionó perfecto!!
Hola Manuel Pulido,
ResponderEliminarMe alegra que te haya funcionado.
Saludos.
Antes de nada, te agradezco de antemano todas las molestias que te tomas, eres un crack!!!! millones de gracias.
ResponderEliminarPero 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).
Hola ELO,
ResponderEliminarAl 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.
Hola otra vez!
ResponderEliminarYo 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
Hola Dj Nestor,
ResponderEliminar¿Cuál es el error que te marca?
Bueno ya esta arreglado, era porque copiava mal la url
ResponderEliminarpero aora no me aparece:(,he intentado las 3 cosas
djnestorimagenes.blogspot.com
Hola Dj Nestor,
ResponderEliminarLa 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.
Hola!
ResponderEliminarYa 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)
Hola Dj Nestor,
ResponderEliminarNo veo el código dentro de tu plantilla :S
Hola Joel,
ResponderEliminarNo 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ú =(
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
ResponderEliminarHola Rogelio,
ResponderEliminarFí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.
Chido, ya lo probe, solo que espero hacer un mejor diseno que sea mas visible!
ResponderEliminarGrax por el aporte!
Me alegro que te haya servido.
ResponderEliminarSaludos.
Hola primero que nada gracias por compartir tus conocimientos con gente como yo que está aprendiendo.
ResponderEliminarTengo 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.
Hola El Encargado K,
ResponderEliminarNo veo que tengas el código en tu plantilla, necesitaría verlo puesto para saber dónde está el error.
Saludos!
hola!
ResponderEliminara mi no me salio!
hice lo que decia..nose
tengo el mozilla..y en IE tambien no me figura.
saludos
Hola GiseUsh,
ResponderEliminarLa 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.
el potro..gracias!
ResponderEliminarhice 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
Hola GiseUsh,
ResponderEliminarDropbox 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.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola By Camus,
ResponderEliminarEl 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.
gracias!!
ResponderEliminarantes habia probado y no me habia
funcionado!!
que bien que ahora con la nueva explicacion
que diste me pudiera funcionar!
grax
Me alegro que te haya servido =)
ResponderEliminarSaludos.
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
ResponderEliminarb:includad
que hice mal?
podrias ayudarme,
estaba muy lindo el favicon...
Esperando ayuda. Saludos y gracias
Hola Mauricio y Ana Maria,
ResponderEliminarEl 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.
mmhhh, el texto persiste y en mi PC no veo el favicon ¿que sera?
ResponderEliminar¿Hiciste algún cambio reciente a la plantilla?
ResponderEliminarVarios,creo que tendre que partir de cero. Upsss
ResponderEliminarEn sí las áreas para mostrar el título son muy pocas, así que la falla no debe ser tan difícil de localizar.
ResponderEliminarIntenta repararlo, si continuas con problemas haz un respaldo de la plantilla y mándamela al correo para que le eche un vistazo.
Saludos.
Ok, gracias. Un abrazo
ResponderEliminarHola
ResponderEliminarNuevamente 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
Te ha quedado genial.
ResponderEliminarGracias por tus amables deseos. ¡Feliz Navidad y éxito con tu blog!
Saludos.
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/
ResponderEliminarSALUDOS 100% CIUDADBLOGGER ^^
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.
ResponderEliminarSaludos!
saludos. he copiado el codigo despues de head y puesto la url del favicon
ResponderEliminarAl 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
Prueba ponerlo en los lugares que dice la actualización 1 y 2 de este post. Estoy seguro que así funcionará.
ResponderEliminarSaludos.
en actualizacion 1 ok, gracias mil
ResponderEliminarHola!!!! 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/
ResponderEliminarBesos!!!
Hola Merlina,
ResponderEliminarEs 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.
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!!!
ResponderEliminarJajaja, bueno, yo te invito al cine y tú invitas los helados ;)
ResponderEliminarPara 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.
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.
ResponderEliminarBesos!!!!
Jajajaja, está bien, me late lo del cine.
ResponderEliminarGracias por tus comentarios, un día de estos me la voy a creer y no me vas a aguantar, jaja.
Besos!
Gracias a ti por tu visita BeTho :)
ResponderEliminarHola!!! Muchas gracias, estuve todo el día tratando de ponerlo y no me salía, pero por fin.
ResponderEliminarQué bueno que ya te está funcionando a la perfección ;)
ResponderEliminarGracias, en mi plantilla, antes de la etiqueta b:skin ![CDATA[/*
ResponderEliminarHe 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/
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.
ResponderEliminarYa 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.
ResponderEliminarPero 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.
Gracias:D me sirvio mucho!!1
ResponderEliminarEstupendo Beto Wan!
ResponderEliminarQue la fuerza te acompañe!
Excelente aporte, Potro. Ya tengo tarea para el finde!
ResponderEliminarBesos,
Estaré al pendiente para actualizar el favicon de Amigos de la Ciudad.
ResponderEliminarBesos!
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
ResponderEliminarEs más intente las 3 al mismo tiempo y nada!!!:S
ResponderEliminarHola METAuto,
ResponderEliminarCon esa URL nunca funcionará, esa URL es para descargar el archivo, no para visualizarlo. Necesitas subirlo a un hosting que permita visualizar el archivo.
ya lo subi a la que me recomendaste y me dio este https://dl-web.dropbox.com/get/favicon.ico?w=923ec759 ????
ResponderEliminarNoup, revisa el tutorial de Dropbox para saber cómo conseguir la URL del archivo.
ResponderEliminarme he permitidouna reseña de Ciudad Blogger para que una amiga lista, maja y graciosa ponga su favicon en el blog.
ResponderEliminarSaludos.
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.
ResponderEliminarGracias 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.
ResponderEliminarSaludos.
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.
ResponderEliminarExcelente, qué gusto que te ha servido entonces, tanto lo del hosting como lo del favicon.
ResponderEliminarUn abrazo!
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:
ResponderEliminarhttp://www.selectprint.blogspot.com/
Gracias por la ayuda Potro, un abrazo.
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
ResponderEliminarQué bueno que te ha resultado y que ya tienes tu favicon :)
Un abrazo.
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.
ResponderEliminarya lo intenté, pero no hay forma que se vea en IE, solo se vé en firefox, me puedes decir que hice mal...?
ResponderEliminarpuse 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.
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.
ResponderEliminarSaludos.
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.
ResponderEliminarPracticamente 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.
ResponderEliminarExcelente, 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.
ResponderEliminarSaludos y gracias por tus comentarios.
eeeeeeeeeeeh me funcionó XD
ResponderEliminarSaludos
Qué gusto que te haya funcionado y ya disfrutes de tu favicon :)
ResponderEliminarcomo 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?
ResponderEliminarHola R4u1,
ResponderEliminarSó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.
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.
ResponderEliminarhttp://lacarolitasdesignz.blogspot.com/
Hola .·:*¨♡¨*:·. LaCaRoLiTa .·:*¨♡¨*:·.,
ResponderEliminarMuchas 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!
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
ResponderEliminarhttp://lacarolitasdesignz.blogspot.com/
No veo los códigos en tu plantilla de la primera actualización, supongo que seguía sin verse y por eso lo quitaste.
ResponderEliminarCon 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.
Hola Potro, ya lo intente varias veces a si como me lo indica y no me funciona, me dice esto:
ResponderEliminarNo 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
Tendría que ver cómo estás poniendo el código pues no debe marcar error.
ResponderEliminarSó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.
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.
ResponderEliminaro0lacarolita0o@gmail.com
Usa el formulario de contacto que está en la sidebar para que nos pongamos de acuerdo y así revisar qué pueda estar pasando.
ResponderEliminarBesoso.
Muchas gracias Potro ya te mande un correo...besos
ResponderEliminarListo preciosa, ya puedes ver si está funcionando y cambiar el password.
ResponderEliminarBesos!
Muchisimas gracias Potro me funciono a la primera aqui lo podeis ver http://brujo5-iphone.blogspot.com/
ResponderEliminarHola 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.
ResponderEliminarHe 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.
Hola ladylola,
ResponderEliminarEs 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.
perfecto Potro, nuevamente gracias
ResponderEliminarHola. 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/
ResponderEliminarMuchas gracias!
Un saludo.
Hola javistone,
ResponderEliminarEn 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!
gracias muchas gracias me ha servido bien
ResponderEliminargracias por tus tutoriales
:)
Me alegro que te haya servido de ayuda :)
ResponderEliminarHola 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.
ResponderEliminarHola luz,
ResponderEliminarEntonces qué suerte que hayas encontrado aquí cómo ponerlo :)
Te agradezco mucho tus comentarios.
Saludos!
yo ya intente todo y no me sale U_U ..
ResponderEliminarno se k mas hacer..
La URL que pusiste en el código es de Photobucket y dice que la imagen fue borrada.
ResponderEliminarwow.. Q rapido xD
ResponderEliminarchelo y te digo kmo me fue ;)
nada de nada..
ResponderEliminarsera esperar, no me keda de otra..
iwal grax! tu blog es d gran ayuda!
No veo que tengas puesto el código del favicon.
ResponderEliminarsii lo tengo
ResponderEliminarte eh mandado un mail..para que veas lo que eh puesto
gracias x tu tiempo.. !
La URL que has puesto en el código no te servirá pues esa URL manda a una página para descargar la imagen.
ResponderEliminarNecesitas alojarla en otro sitio como Tinypic o Dropbox.
me has leido la mente iaa la eh puesto en tinypic:
ResponderEliminarhttp://i50.tinypic.com/9gllc0.gif
pero todavia no sale .. solo una paginita en blanco
Entonces prueba ponerlo en las ubicaciones que se explican en la actualización 1 y 2
ResponderEliminarExito!
ResponderEliminarresulta 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!
Qué bueno que ya está funcionando :D
ResponderEliminarhola potro el favicon mio no aparese mi url es http://www.mediafire.com/i/?hz2emngzfya ve y echale un ojo
ResponderEliminarMediaFire sirve sólo para descargar archivos no para mostrarlos, súbelo a otro hosting como Google Sites o Dropbox.
ResponderEliminarohh pero tengo un dropbox y las cosas no suben vi tu video no quiero ser todo lo que tu hace en el video
ResponderEliminarya lo ise bien gracias potro tu eres el mejor la mejor website
ResponderEliminarDropbox sólo es una opción, pero también está Google Sites o cualquier otro.
ResponderEliminarQué bueno que ya está funcionando tu favicon :)
Genial muchas gracias por el truco.. habia probado de varias formas y esta es la que funcionó. Mil Gracias. Seba.
ResponderEliminarMe alegra que te haya sido útil y que aquí hayas encontrado la solución :)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarno me funciono, puse tal y como me dijieron
ResponderEliminarLa URL de tu favicon no servirá, el hosting donde lo subiste es sólo para descargar el archivo, no para visualizarlo, mira:
ResponderEliminarhttp://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.
Potro... me quedó muy, pero muy bien. Gracias
ResponderEliminarQué bueno que te ha quedado como querías :)
ResponderEliminarPotro, 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?
ResponderEliminarNo sabría decirte, nunca he usado ese gadget.
ResponderEliminarmira yo quiero poner es favicon pero al momento de hacerlo pequeño se se feo
ResponderEliminares este
http://dl.dropbox.com/u/9196563/youfactorfavicon.png
Pues tienes que diseñarla más pequeña para que al momento de reducirla no se distorsione tanto, aunque es normal que los faviconos no tengan la misma calidad que una imagen grande.
ResponderEliminar:O me he quedado impactada , siempre me funcionan los trucos que he tomado de aquí .
ResponderEliminarSoy nueva en esto y al parecer no es muy difícil :3 jaja y eso que tengo 14 años ._. soy pequeña pero me encanta esto de las páginas web *-* aun que no se mucho sobre eso xdd
Seguro en pocos años serás una experta en el tema :D
ResponderEliminarQué bueno que te gusten estos temas y que todo te esté resultando como deseas :)
AMIGO MUCHAS GRACIAS.... ME SIRVÓ DE MUCHA AYUDA.....
ResponderEliminarPor nada Alberto, qué gusto que te haya sido útil.
ResponderEliminarperfecto potro, gracias
ResponderEliminarpor favor me gustaria saber como poner el icono de mi blog al darle en mi iphone a añadir a la pantalla de inicio que siempre sale una mini-captura de pantalla y quiero que salga un favicon del blog.
ResponderEliminarmi blog es este www.academygamer.blogspot.com
Desconozco el proceso para los iPhone.
ResponderEliminarA mi no me funciona... lo puse, acepto el codigo, pero el favicon no me cambia... T_T
ResponderEliminarsera por la imagen? use esta:
http://pmsc.free.fr/C03/1091134509.ico
mi blog es:
http://la-redactora.blogspot.com/
haber si me pueden ayudar...
gracias!!
Me funciono perfectamente!!!!!! te lo agradezco un montón
ResponderEliminarAlmy, ¿ya probaste ponerlo en alguna de las otras dos ubicaciones que se mencionan en la actualización 1 y 2?
ResponderEliminarBelén, qué bueno que te ha sido útil :)
me funciono gracias por el manual te voy aponer en mi blog roll
ResponderEliminarQué gusto que has tenido los resultados esperados :)
ResponderEliminarEn los nuevos blog de blogger se puede hacer poniendo otro código distinto a este, es un código que funciona en todas las plantillas creadas a partir del 2009 por blogger y algunas de las anteriores, yo tengo un ejemplo en mi blog, puedes copiar el código sin problema ;-)
ResponderEliminarTambién hay que tener cuidado con el hosting que se usa para el almacenamiento de la imagen, en muchas páginas borran la imagen al X tiempo y te dejan colgado.. Yo recomiendo picassa (desde blogger) o imageshack con cuenta propia.
Mi problema es que aun no he elegido un favicon para mi blog, para la gente que este como yo les recomiendo buscar “favicon” en google o ir a un generador de favicon online ya que hay muchos, unos en los que empiezas desde cero y otros que convierten tus propias imágenes a favicon (cómo el de este post).
Un saludo, Be DoFollow my friend
Vi que algunas cosas ya las solucionabas en los comentarios, escribí antes de tiempo, un saludo!
ResponderEliminarGracias, Potro!! Cuántas cosas estamos aprendiendo con vos!! Me quedó perfecto!!
ResponderEliminarTe ha quedado muy bien :)
ResponderEliminarHola como estas ya he intentado y leido todo sobre favicones y no logro hacer que se vea el mio le gardeceria si me puden ayudar mi blog es www.martinpuigg.blogspot.com la url de mi favicon es https://dl.dropbox.com/u/13152831/animated_favicon1.gif
ResponderEliminarHola Martin,
ResponderEliminarLo que sucede es que has puesto mal la URL del favicon, debe ser así:
https://dl.dropbox.com/u/13152831/animated_favicon1.gif
Y en tu código lo tienes así:
http://https://dl.dropbox.com/u/13152831/animated_favicon1.gif
Muchísimas gracias, es el único tutorial que me ha servido, muchísimas gracias!!
ResponderEliminarQué bueno que te ha servido, me da gusto que así haya sido :)
ResponderEliminarPues yo tengo un problema muy curioso,ayer puse el codigo y un favicon gif de una vakita y me salió todo a la perfeccion y hoy al entrar a mi blog,resulta k no está el favicon y me sale otra vez el favicon de blogger, xd,a k se puede deber???? xdxdxd
ResponderEliminarHola arita, acabo de entrar a tu blog y he visto sin problemas tu favicon de vaquita que has puesto, sin embargo me parece que Internet Explorer no interpreta los GIF así que habría que cambiar de formato el favicon para que pueda verse en todos los navegadores.
ResponderEliminarGracias, gRacias, grAcias, graCias, gracIas, graciAs, graciaS, GRACIAS!!!!!!
ResponderEliminarDe verdad ha sido estupendo!
Ya TODOS mis Blogs lo tienen y es tan Gratificante poder hacer cosas que me satisfagan en cuanto a mis Blogs.
Empecé con las plantillas viejas y el 1° fondo que le puse fué de una de esas páginas para buscar uno.
Es GENIAL esta página y TODO el tiempo que le dedicas.
Felicitaciones por todo el Esfuerzo, es mi humilde Forma de agradecer por todo lo que nos brindas.
Besitos ♥
Te agradezco enormemente tus palabras; es un verdadero gusto saber que el tiempo que he dedicado para compartir le sea de utilidad a alguien.
ResponderEliminarSaludos y mucho éxitos con tus blogs.
Hola Potro,
ResponderEliminarTe agradecería mucho tu ayuda. Resulta que llevo el día tratando con todas las maneras posibles que he encontrado en internet y NADA. Imposible, mi blogger no quiere.
Y lo unico que he logrado es quitar el favicon de blogger y que en su lugar aparezca una hojita con un pliegue arriba a la derecha.
Mi url es: http://urpix.fr/viewer.php?file=90mns3vqugrezvpdy8c.ico y no me funciona
Al final me he dado cuenta que tiene que terminar así:
http://urpix.fr/viewer.php?file=90mns3vqugrezvpdy8c/favicon.ico
¿Qué sucede?
Muchas gracias
Hola Sandra,
ResponderEliminarLo que sucede es que el sitio donde has alojado tu archivo no permite visualizarlo de manera independiente, si entras a esa dirección verás que se abre toda una ventana con los datos del archivo.
Necesitas subirlo a otro hosting como Google Sites, Fileden, o Dropbox.
Saludos.
La mala costumbre... todo lo tengo en webs extranjeras. Mil gracias, voy a intentarlo en alguno de esos hostings y vuelvo para decirte como me fue. Gracias!
ResponderEliminarSuper tu blog, me encanta!
Pues no es tanto la nacionalidad de esos hostings sino las características que ofrece cada uno. Yo la menos con Dropbox todo me va bien, pero cualquiera de las otras opciones también podrán servirte.
ResponderEliminarSaludos y qué gusto que el blog sea de tu agrado :)
Gracias. Me funcionó a la primera. Perfecto.
ResponderEliminar