Poner un favicon | Oloblogger Una pequeña entrada para explicar como poner un "favicon". Esta palabreja se utiliza para denominar la imagen que en cierta forma ...

23 de diciembre de 2007

Poner un favicon

Una pequeña entrada para explicar como poner un "favicon".

Esta palabreja se utiliza para denominar la imagen que en cierta forma identifica una web con un logo sencillo y que aparece en la barra de direcciones de una web, al añadirlo a favoritos (o marcadores) y en las pestañas de las distintas ventanas abiertas con el navegador.

Si quereis colocar esta utilidad en vuestro espacio, lo tenis fácil con dos sencillos pasos.

1. Construir una imagen de 16x16 pixels y alojarla.

Para ello, servirá cualquir programa de dibujo. No hay que complicarse con la imagen, porque 256 pixels no dan mucho de sí. Observar los iconos de páginas comerciales y vereis que son motivos muy sencillos.

Después la subís a cualquier espacio de alojamiento de imágenes y tomais nota de la URL (CTRL+C también vale...)

2. Después editais vuestra plantilla y después del <head>, justo antes de la etiqueta <title> copias estas dos líneas:

<link href='URLDELFAVICON' rel='icon' type='image/gif'/>
<link href='URLDELFAVICON' rel='shortcut icon' type='image/gif'/>

En la etiqueta TYPE teneis que cambiar "GIF" por el tipo de archivo de que se trate: jpg, png, gif, etc.

Este sistema admite gif animados como éste que es el que aquí utilizamos.



Actualización: Según ha comprobado Chacien, para que el favicono se muestre bien en IE7 e IE8, lo mejor es que el fichero de la imagen sea con la extensión .ico.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

111 comentarios :

  1. Muchas gracias me sirvió bastante..

    ResponderEliminar
  2. ¿En que parte hay que poner el codigo? porque no entiendo

    ResponderEliminar
  3. ¿En que parte hay que poner el codigo? porque no entiendo

    ResponderEliminar
  4. de favicon tengo el simbolo de BLOGER y nose como sacarlo. ¿como hago para sacarlo?

    ResponderEliminar
  5. No tienes que quitarlo. Simplemente al poner el código que se indica, se sustituye el logo de Blogger, que viene por defecto, por el que tu hayas creado.

    En cuanto a dónde se pone el código, tienes que editar el HTML de tu plantilla (desde el PANEL) y colocarlo donde se indica en el punto 2 de esta entrada.

    ResponderEliminar
  6. hola, hice mi favicon, lo colgué en imageshack.us y tomén nota de la URL, pero...¿cómo indico la URL del favicon a mi blog? ¿dónde la escribo? ¿es en href='...'?


    Gracias

    ResponderEliminar
  7. Exacto.

    Tienes que cambiar la expresión
    URLDELFAVICON
    por la dirección de tu imagen.

    Recuerda cambiar el tipo de imagen si no es GIF.

    ResponderEliminar
  8. Hola Oloman.Sigo haciendo mis pinitos y he conseguido poner mi favicon. Mi sorpresa es que solo lo veo cuando abro con firefox, y parece que no funciona en explorer.
    Sabes si puedo corregirlo?

    Gracias de antemano

    ResponderEliminar
  9. Sí. Sé que NO puedes corregirlo, Kikelin

    Por lo menos con este tipo de truco. Desconozco si hay algún sistema de incorporarlo a IE.

    Aprovechando que el Pisuerga pasa por Valladolid ¿haces dibujos que no sean retratos?

    Lo mismo te encargo alguno para un proyecto que tengo en mente. Se trata de dibujos mucho más sencillos de los que normalmente haces.

    ResponderEliminar
  10. Si, también pinto desnudos. Echa un vistado en mi blog, hay un botoncito a la derecha que pone "Exposición Art-te". Ahí hay más cosas mías.

    De todos modos, propón, que a mi me encanta plantearme cosas nuevas.

    ResponderEliminar
  11. wuaaaaaaaaa
    me resulto!!

    estoy emocionada


    muchas gracias!

    ResponderEliminar
  12. Muchas gracias oloman, acabo de hacerlo y creo que quedó bien.

    Buen blog! (te conozco de uniblog y el grupo de yahoo)
    y de nuevo gracias =)
    saludos!

    ResponderEliminar
  13. Hola!
    Me encanta tu blog, es muy informativo.
    Yo estoy empezando aún con el mio, y estoy cogiendo truquitos de aquí y de acá.
    Quiero porner el Favicon, pero siempre me lio con eso de los códigos y de dónde hay que colocarlos. Podrias colocar una imagen de como se hace?
    Bueno, es mucha molestia la verdad.
    Intentaré seguir probando, sino ya te preguntaré.
    Muchas gracias por tu blog!

    ResponderEliminar
  14. Hola!! Me ha encantado este truquillo jajaj está muy gracioso! Me he puesto a mí misma en mi blog y queda muy divertido ^^ Gracias! :)

    ResponderEliminar
  15. Esta explicaciòn es perfecta!!
    Me saliò a la primera, ya puse la foto de mi perra en su blog ja,ja,ja...

    Yo subì las imagenes ico (dificiles de hospedar) en esta pagina:

    www.okah.com

    ResponderEliminar
  16. gracias me funciono a la perfecion ;)

    ResponderEliminar
  17. hola oloman:

    espero que me respondas, plis!!
    bueno, primero que todo te quireo felicitar por el buen trabajo que has hecho con tu blog.

    Yo solo quiero saber si me pudes mostrar parte de como debería quedar el codigo que hará que se bea mi icono del navegador.

    espero que repondas!!

    byebye!

    ResponderEliminar
  18. ¿!!!? Isa, me frustras totalmente porque lo que preguntas, es precisamente lo que he intentado explicar en todo el texto de esta entrada.

    Sólo tienes que colocar el código que se dice después del <head> y sustitituir URLFAVICON por la dirección donde tengas tu favicon

    ResponderEliminar
  19. ...hola, me fascina tu blog.

    Tengo una pregunta.
    Tengo 2 blogs, uno en nuevo blogger y otro en antiguo porque me gusta el HTML.

    Les puse favicon hace unos 2 meses pero desde hace 15 días se desapareció el de antiguo blogger.

    No sabes algo o por qué sucedió? no he vuelto a topar la plantilla :(

    Gracias por tu atención!

    ResponderEliminar
  20. Me pasó lo mismo que a Carlos, si alguien sabe que ha pasado agradecería ayuda.

    ResponderEliminar
  21. Monika y Carlos, no conozco el Blogger antiguo. Empecé en esto cuando ya estaba la plantilla Beta.

    Lo siento pero aunque le he echado un vistazo, no veo la manera de arreglarlo, porque no hay nada mal. Se debe tratar de un cambio interno de Blogger.

    Ya sé que es un coñazo, pero si quereis seguir introduciendo modificaciones en vuestros blogs, vais a tener que plantearos cambiar, ya que va a llegar un momento en que no encontrareis material sobre el Blogger antiguo en ningún sitio.

    Un saludo y siento no poderos ayudar.

    ResponderEliminar
  22. Oloman, igual, gracias por tu gentil respuesta :)

    Mira, disculpa que abuse, te contaré mi situación:

    Yo abrí el blog hace 2 años y no sabía NADA de HTML.

    Tengo la plantilla antigua.

    No se ni como le hice pero tanteando y tonteando logré poner una imágen de header (unos angelitos).
    Esa imágen la puse subiéndola a imageshack.

    Ahora, mi problema es que si escoges cualquier mes para leer no regresas a la pagina principal clickeando el header porque obvio, te llevará a imageshack.

    Quisiera poder dar click al header y te lleve a HOME o página principal.

    Eso no es nada, aquí viene lo peor.
    Como NO SABIA HTML borré algo, sin saberlo ni quererlo, entre esas cosas el perfil de bloguer, si te fijas no aparece.

    El quid del asunto es que como se modificó algunas cosas de la plantilla NO ME DEJA CAMBIARME al nuevo blogger :(

    Si Olomán, ya casi resignado a cambiarme de dirección https:// aunque dolerá porque en mi país voy #1 en Blogalaxia, #6 en Alianzo y para colmo jaja (que bueno!) acabo de ganar en categoría de Mejor Blog Latinoamericano del concurso 20Blog :S y obvio, perdería mis visitas... :(

    Con la mano en el corazón, ¿qué me recomiendas Oloman? ¿Qué harías tu en mi lugar?
    ¿Hay la posibilidad de hacer algo al respecto?

    De antemano agradezco tu apertura para ayudarnos, ojalá se pueda...y si no, pues ni modo jeje.

    Un abrazo desde Ecuador.

    ResponderEliminar
  23. Muchas gracias de todas formas. Trataré de buscarle la vuelta al asunto.
    Un saludo

    ResponderEliminar
  24. Carlos, me cuesta dar consejos aunque me los pidan, por lo que sólo te diré que la decisión de cambiar de dominio sólo depende del valor que TÚ le des a tu actual posicionamiento.

    Hay mucha gente que se la trae al pairo las visitas, porque escribe únicamente por el puro placer de hacerlo. Sin embargo, entiendo que para muchos, es gratificante saberte leído por mucha gente. A mí al menos me pasa esto último. Si no fuera por los que escribís comentarios y por el contador que veo que se mueve día tras día, quizás hubiera abandonado esto hace tiempo, porque no hay nada más aburrido que hablar sólo con uno mismo.

    Por otra parte, si no te importa mucho mantener tu blog con el diseño actual, pues no necesitas cambiarte a Blogger Beta. De todas formas, seguro que algunos cambios sí podrás hacer, pero está claro que no todo lo que explicamos en blog como este, serán de aplicación al tuyo.

    Para terminar, me gustaría tener una versión antigua para poderte ayudar un poco más, pero lo que pueda decir sería "a ciegas" y mis conocimientos no llegan a tanto. Pienso que deberías poder cambiar la plantilla sin muchos problemas.

    Prueba a salvar la actual y luego abrir un nuevo blog a modo de prueba, importando esa plantilla. Posteriormente, experimenta con el nuevo dominio, modifica la plantilla y comprueba qué pasa. Supongo que nada grave. Si es así, atrévete un poco más y hazlo con tu actual dominio. Los posts, dudo mucho que se pierdan, si acaso, perderás algún artilugio, pero después seguro que lo puedes restituir sin mucha dificultad.

    Si finalmente haces esto, además de salvar tu plantilla original, haz un copy-paste completo de la plantilla en un documento txt (o word), para tener todas las garantías de poder volver al principio.

    Rosa de El Escaparate explica cómo no perder los artilugios cuando se cambia de plantilla.

    En cualquier caso, ME AUTOEXIMO DE CUALQUIER RESPONSABILIDAD ANTE LA PERDIDA DE DATOS EN EL CAMBIO :). Ya te dije que no conozco la antigua plantilla y no estoy seguro al 100% de que lo anterior funcione perfectamente.

    Yendo a la parte más material de tu comentario, para solucionar lo del HEADER, tienes que buscar (expandiendo artilugios), la parte de tu código que dice:

    <!-- Blog Header -->
    <div id="blog-header">
    <a href="http://imageshack.us"><img src="http://img246.imageshack.us/img246/8282/sentado04copyzc6.jpg" border="0" alt="Image Hosted by ImageShack.us" /></a> </div>

    Lo que está en negrita lo cambias por
    http://sentado-frente-al-mundo.blogspot.com/
    y ya lo tienes arreglado.

    Lo otro del perfil, no sé cómo te saldrá en tu versión, pero en la actual, sólo tienes que ir a Elementos de Página y añadir el Gadget del Perfil. Supongo que será igual

    ResponderEliminar
  25. ...muchas gracias Olomán, creo se me olvidó explicarte que en anntiguo blogger solo trabajamos con HTML, no con la opción de diseño ni elementos.

    Tal como ves el código de fuente, pue esa es mi única opción.

    Había pensado abrir un blog de la misma plantilla con el nuevo blogger y copiar la parte de html que le falta a la mía.

    Yo te aviso ;)

    Por cierto, dices una verdad, pues hasta donde he llegado lo tengo a gusto y debería plantearme para qué quiero el cambio, verdad?


    Un abrazo.

    ResponderEliminar
  26. ...por cierto, gracias por lo del header, pero funciona en home nada más :(

    Si entras a un mes cualquiera el header sigue direccionando a imageshak...hay alguna solución?

    Espero no ser pesado con tanta pregunta...gracias Olomán!

    ResponderEliminar
  27. Creo saber como arreglarlo Carlos, pero necesitaría que me mandaras una copia de seguridad de tu plantilla para probarlo y decirte exactamente dónde poner lo que falta.

    Usa el correo de la sidebar.

    ResponderEliminar
  28. Hola Oloman, puse mi favicon y queda perfecto, pero sabes hacer para que se vea también en internet explorer? bueno saludos y feliz navidad!

    ResponderEliminar
  29. Para que se vea en IE, sólo tienes que agregar la página a favoritos. Luego cierras el navegador y cuando lo vuelves a abrir, comprobarás que sí te lo carga. Son cosas del puñetero Explorer.

    ResponderEliminar
  30. Hola Oloman,

    Esta entrada se que es muy lejana en el tiempo y no se si seguirás contestando aquí.

    He hecho todos tus pasos, y no consigo ver mi favicón (estoy en firefox)
    Te pongo el código que he puesto por si ves tu algún error:

    queria ponerte aqui el código pero me dice continuamente esto:

    Su HTML no es aceptable: Tag is not allowed: Y yo de html se muy muy poquito, confío que puedes verlo en el código fuente de mi blog.

    Gracias por anticipado por la ayuda.

    saludos

    Juan

    ResponderEliminar
  31. Hola Lagu.

    Creo que no has usado la dirección correcta de la imagen. Prueba a poner en lugar de la que tienes, esta otra:
    http://img25.imageshack.us/img25/1498/dibujo2f.jpg

    Si después de eso no funciona, traslada las dos líneas lo más cerca que puedas del </head>, siempre antes de esa etiqueta.

    ResponderEliminar
  32. Muchas gracias Olomán,

    ya le he conse3guido, llevando abajo del todo esas dos lineas. Con la dirección de la imagen nueva, dejándolo emplazado sonde estaba, no me salía.

    Gracias otra vez.

    Salu2

    Juan

    ResponderEliminar
  33. Amigo Oloman, te felicito por tan excelente blog.
    Hice las cosas como lo explicas y aunque al principio tuve un problemita pude resolverlo y me quedço genial.

    Muchas gracias

    ResponderEliminar
  34. WAAAAAAAAAAAAA!!!!!!!!!!
    ME RESULTO!!!!!!!!
    MUCHAS GRACIAS!!!!!!!

    www.galeriaqueen.blogspot.com

    ResponderEliminar
  35. Que barbaro!
    Habia checado mas de 10 tutos de cambiar el favicon en blogger..y ninguno habia funcionado :o
    Solo el tuyo!!
    Ahorita mismo me suscribo a tu blog xD
    Nos vemos!

    ResponderEliminar
  36. Hola, siguiendo este post pude colocar un favicon en mi blog, pero, como tú dices, Oloman, no se veía en el explorer.

    No obstante, he encontrado en un foro una solución (aportada por El oso Amoroso) que funciona.

    El truco consiste en utilizar una imagen "favicon.ico". Y no es necesario poner el código que hay en el foro; con el que tu propones también funciona.

    Tarda varios segundos la primera vez, pero puedes comprobarlo en mi blog.

    ResponderEliminar
  37. Gracias por la info Chacien.

    En IE6 sigue sin funcionar a menos que agregues la página a favoritos, pero en IE7 si he comprobado que funciona. Supongo que en la versión 8 seguirá funcionando.

    Saludos.

    ResponderEliminar
  38. Estoy en condiciones de confirmarte lo del I. E. 8, puesto que es la versión que uso en mi portátil.

    En cuanto a las cosas del puñetero Explorer, ¿me podrías dar alguna pista sobre las causas y posible solución de un efecto, pequeño, más bien insignificante, pero que sólo me ocurre con el puñetero Explorer?

    Si vuelves a mi blog y expandes el botón "El zagalillo" situado en el menú de la sidebar, verás que al pasar el ratón y cargarse la 2ª imagen de la portada del libro, la que se agranda, aparece indefectiblemente, en el ángulo inferior derecho, una rayita horizontal, nada, de unos milímetros solamente, pero que me jode (perdona por la expresión) un montón.

    ¿Qué será que en ningún otro navegador lo he visto?

    Saludos cordiales.

    ResponderEliminar
  39. Pfff! A mí me pasa algo parecido cuando uso scriptaculous para esconder partes del blog, pero no quise comerme el coco buscando la solución. No me molestaba tanto como para perder un montón de horas ;)

    De todas formas y sólo por disparar al aire a ver si le damos de casualidad, se me ha pasado por la cabeza que podría ser un subrayado del enlace. Prueba a meterle al enlace una etiqueta STYLE con algo así:

    <a STYLE="TEXT-DECORATION:NONE;BACKGROUND:NONE;" onmouseover=

    Si fallo no me lo cuentes para que no me deprima. Es broma. Coméntame que tal...

    ResponderEliminar
  40. Cómo se nota, Oloman, la experiencia que tienes y que sabes de qué va esto.

    Pues sí, efectivamente, ese era el problema; a mí no se me hubiera ocurrido. Era una chorrada, pero, no obstante, me alegro de haberlo resuelto; y también por ti, para que así no te deprimas (es broma). Muchísimas gracias.

    ResponderEliminar
  41. Me alegra haber sido de ayuda para solucionar tu "jodienda" :)

    ResponderEliminar
  42. Hola amigos, os digo que quien tenga un favicon en su blog y quiera promocionarse en Poetízame (htt://poetizame.blogspot.com) puede pasarme su favicon y el nombre y dirección de su blog, y lo pondré en Poetízame totalmente gratis. Para ellos tenéis que meteros en aquel blog y leer las instrucciones. Creo que es una buena forma de promocinar vuestros blogs y que así los conozcan más personas.
    Un saludo.

    ResponderEliminar
  43. GRacias ee. Me a servido mucho tu blogg...

    ResponderEliminar
  44. hola amigo estaria interesado en saver que hago mal para meter mi imagen en mi direcion ya que la meto las dos linea delante de title y no me sale mi imagen en la direcion ya probe mil veces detras de head y delante de title pero nada no sale un saludo y muchas gracias por tu alluda

    ResponderEliminar
  45. El código funciona, como puedes comprobar en este mismo sitio. Si quieres que veamos dónde puede estar el fallo, haría falta que nos pasaras tu link.

    ResponderEliminar
  46. Hola a q link te refieres pa poder mandartelo gracias por tu alluda eres un fenomeno donde pongo el codigo no me deja mandartelo por aqui me pone s html no acesptable: tag is not alloweg head, haver como puedo solucionarlo lo del icono o como puedes ver para poder alludarme un saldu

    ResponderEliminar
  47. te mando mi link de mi pagina por si te sirbe de argo si no haver q te mando pa poder solucionarlo gracias
    http://www.origenesflamencos.com/

    ResponderEliminar
  48. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  49. Busca esto en tu plantilla y esas dos líneas las pones justo delante.
    <b:skin><![CDATA[/*

    No olvides cambiar URL_FAVICON por la dirección de tu imagen.

    ResponderEliminar
  50. peronado pero se que esto es un blog pa torpes y yo sere uno pero no me vale no sale si me dejas un contasto para que te mande como lo meto ya que aqui no me deja pegar el codigo lo puse de todas forma como me dices pero cuando veo la pajina sale el signo de blogeer y no el que pongo tendre q ser de los mas torpe o no se por que no me vale un saludo espero consegirlo con tu alluda
    link
    href='http://img686.imageshack.us/img686/3684/chatob.jpg' rel='icon' type='image/jpg'/>
    link href='http://img686.imageshack.us/img686/3684/chatob.jpg' rel='shortcut icon' type='image/jpg'/>

    ResponderEliminar
  51. perdona los link no llevan los < por que no me deja ponerlos aqui pa que lo veas y los borre pero los pongo en la plantilla como me dices gracias por tu alluda

    ResponderEliminar
  52. Hola. No puedo acceder a tu blog para verlo porque es sólo para invitados.

    Esto es exactamente lo que tienes que poner justo antes del SKIN. Como verás, ahora mismo lo tengo puesto en este blog. Copia y pega para evitar cualquier problema al teclear el código. Aunque no te funcione, déjalo que lo pueda ver. Y autorízame si quieres que pueda seguir adelante.

    <link href='http://img686.imageshack.us/img686/3684/chatob.jpg' rel='icon' type='image/jpg'/>
    <link href='http://img686.imageshack.us/img686/3684/chatob.jpg' rel='shortcut icon' type='image/jpg'/>

    ResponderEliminar
  53. perdona por dejarlo cerrado pero como estoy haciendola pa poderla inmagurar el dia 1 te dejo mi pagina habierta y hechale un vistaso a los paiz tambien haber como los puedo cuadrar en la barra isquierda de mi web bien un saludo y muchas gracias por tu alluada

    www.origenesflamencos.com

    ResponderEliminar
  54. perdon por lo de paiz era los lapises q coji de tu pagina para ver como los puedo agrandar en la barra de la isquierda y me queden cuadrado todo los lapises en la colunna gracias

    ResponderEliminar
  55. Hola de nuevo. Me temo que vas a tener que reconstruir todo ese menú. Los cierres /DIV están fuera de sitio, así como los /UL y además, lo cogiste de un ejemplo que era bastante más complicado que lo que tú necesitas... con desplegables y eso.

    Mira este código y a ver si te gusta. Es más sencillo y se acopla a lo que necesitas, sólo tendrías que cambiar las imágenes por otras que hicieras tú de ese mismo tamaño. A la izquierda podrías poner tu guitarra ;)

    ResponderEliminar
  56. Ok muchas gracias por tu esplicaciones y tu pasiencia con torpes como yo donde cambio la imagen del menu q meas mandado para poner la guitarra coji ese menu de lapiz por q son letras escrita por su autor pero si me dices como cambiarlo y donde cambio la url de la imagen te lo agradeceria mucho

    ResponderEliminar
  57. Estas son las imágenes
    http://css.maxdesign.com.au/listamatic/images/l1_down.gif
    http://css.maxdesign.com.au/listamatic/images/l1_over.gif

    Las tienes que bajar a tu ordenador, modificarlas a tu gusto y luego alojar las nuevas en algún sitio (Picasa, Flickr, Photobucket, Imageshack...).
    Por último, sustituyes en el código (tres sitios) cada dirección antigua por las direcciones nuevas (cada una por su equivalente down-over).

    ResponderEliminar
  58. donde pego cada la html y la scc que me da donde cambio la imagen de fondo aqui en esta barra background-image: url(images/l1_down.gif);
    perdona por molestar tanto

    ResponderEliminar
  59. hola loe puesto pero no queda bien con este basner http://img51.imageshack.us/img51/4401/basnerenlaces.jpg haver si me puedes mandar otro enlace de barras verticales para este barnes o de colores oscuros q pegen en la pajina si con boton puse el q me mandaste pero no se puede cambiar los colores y no se ve la foto q meto me sale un fondo gris q no puedo cambiar el color por muchos colores q le meto de fondo gracias

    ResponderEliminar
  60. Lo mejor es que en cuestión de diseño, cada uno se haga sus cosas, porque somos los que mejor sabemos lo que queremos. No obstante y excepcionalmente, te he hecho este par...
    http://img694.imageshack.us/img694/1433/guita1.jpg
    http://img693.imageshack.us/img693/1402/guita2.jpg

    ResponderEliminar
  61. hola oloman tus imagenes las guarde las ise yo y me salieron bien gracias por regalarmelas esas imagenes. el icono q pusimos en la direcion no sale haver si me alluda a q salga y haver si me pasa algun enlace para poner mis entradas decoradas o que no queden tan simple un saludo y te doy mil gracias por tu informacion y tener esa pasiencia con torpes como yo un saludo

    ResponderEliminar
  62. El icono de la dirección no tiene ninguna posibilidad más. Te puse el código completo y dónde lo tenías que poner (comentario 52). Si no funciona, sólo te queda repasar hasta encontrar que está mal de todo lo dicho.
    Las entradas no sé cómo las quieres decorar, pero sigo sin tener acceso al blog. De todas formas, inaugura (mañana es día 1) y luego con más calma ya vas haciendo modificaciones. Date una vuelta por el blog y seguro que encontrarás algo que te guste. Feliz Año.

    ResponderEliminar
  63. gracias lo unico que quiero es cambiar la forma de la fecha de entradas y poner algunos iconos como tienes tu en cada entrada o argo parecido para que no este tan solo la entrada tambien unas etiqueta con chichetas a los lado para publicidad o como poner publicidad y poco mas es lo que busco muchas gracias amigo por tu alluda a los torpes jejjeje eres genial para alludar a los demas mañana dia 1 la innagura el propietario en cadena cope un saludo Felix año Nuevo

    ResponderEliminar
  64. joder no me sale ninguna de las tres mejor lo dejo pa mañana que la deje habierta y ya me dices donde van esos codigos no me sale nada de las tres cosas y eso es lo que busco gracias ya mañana me dices donde colocar esas tres cosas y lo del la direcion la foto que me interesan mucho suludos

    ResponderEliminar
  65. En cada entrada se explica con más detalle del que pudiera hacerlo aquí. Inténtalo de nuevo y si sigues teniendo problemas, en la entrada correspondiente, dime exactamente qué haces y cual es el resultado. Saludos

    ResponderEliminar
  66. hola amigo ya cuando quieras puedes mirar lo de la direcion de la pagina lo del icono y decirme bien que soy muy torpe donde van puesto Configura fecha de entrada un saludo y gracias

    ResponderEliminar
  67. El favicono lo tienes operativo. Si tú no lo ves quizás es porque tengas un navegador antiguo (por ejemplo Internet Explorer 6).
    Para modificar el aspecto de la fecha, te tendrás que "pelear" con la clase date-header. Búscala en tu plantilla y experimenta. Con Vista Previa puedes ver qué efectos tienen los cambios que apliques antes de que sean definitivos con Guardar.

    ResponderEliminar
  68. po muchas gracias por tu pasiencia y por alludar a los demas muchas gracias amigo eres genial

    ResponderEliminar
  69. Muchísimas gracias Oloman. He conseguido hacerlo sin problemas.

    Era algo que tenía ganas de ver en mi blog desde hace tiempo y no me ha costado nada siguiendo tus instrucciones.

    Gracias por todo.

    ResponderEliminar
  70. Eres un crack!!!! Cada vez que tengo un problema con el blog entro aquí a ver cómo solucionarlo. Hoy estaba empeñada en poner el icono arriba y... tachán!!!!
    Mil gracias porque haces que mi blog mejore día a día!!

    ResponderEliminar
  71. Mil gracias, Oloman. :D

    Había probado varias opciones pero no había manera, esta sí que me ha servido. ;)

    ResponderEliminar
  72. Gracias Oloman, me voy a probarlo... un abrazo!!!
    te cuento que en Opera solo véo el lapiz, en firefox si lo veo animado...

    ResponderEliminar
  73. ¿No funciona la animación con Opera? Bueno, como ocurre al final de Con faldas y a lo loco: "Nadie es perfecto" :)

    ResponderEliminar
  74. Buenas, mira estoy escribiendo exactamente el mismo código que usas tu para el favicon, pero a mi no me funciona!!! Estoy almacenando las imágenes en imageshack, como tu (viendo el código fuente de tu página me di cuenta que usas imageshack). Por favor ayudame, la direccion de mi blog es: www.aeroblogsite.blogspot.com / aeroblogsite@gmail.com

    ResponderEliminar
  75. Aeroblog, no sé si es tu caso, pero tendrías que probarlo en Firefox u otro navegador distinto de IE. En este no funcionan bien los faviconos insertados en Blogger. En ocasiones es suficiente con añadir la página a Favoritos, pero a veces, ni eso.

    ResponderEliminar
  76. Oloman, primero que nada gracias por la pronta respuesta. El favicon lo estoy trabajando en Firefox, luego de que escribi el codigo reinicié Firefox y nada, abri IE, igual.

    ResponderEliminar
  77. Sólo se me ocurre que pongas ese mismo código después de </skin> o antes de </head> para que se cargue después de las instrucciones de Blogger.

    Si no funciona esto último, también podrías probar a alojar en otro sitio la imagen por si fuera cosa del hosting.

    0 ideas left...

    ResponderEliminar
  78. Estimado Oloman:

    He seguido tus instruccione y lo he chequeado al revisar códigos de fuente. Siempre encontré la instrucción (¿así se dice?) casi inmediatamente después de title (?).
    Pegué la siguiente URL que me informa el sitio: http://picasaweb.google.com/lh/photo/R8b8QWtxHJNQTOPGZp_5zG8jtO_T-nJKEa7Zrfps-pE?feat=directlink. Aún así no puedo ver el cambio, ¿será cuestión de tiempo, será mi navegador (Google chrome) o cometí un error?
    Si tienes un segundo y lo revisas te lo agradeceré. Es el único blog que figura en mi perfil.
    Gracias.

    ResponderEliminar
  79. José, si pones esa dirección en tu navegador, comprobarás que no se ve la imagen sola, sino un visor de Picasa. Eso no puede funcionar como favicon, pues no es una imagen. Las imágenes terminan en .jpg, .gif o .png. Hay otros formatos pero no son usuales.

    Tienes que ver la dirección de esa imagen. En Firefox, sería con botón derecho "Copiar ruta imagen". Con otros, "Propiedades".

    Si lo haces verás que la dirección es
    http://lh3.ggpht.com/_nTwnaqc9y_s/TGF5jwKy5-I/AAAAAAAAAI4/v8Nv2_6eR_w/AllPosterscom.jpg
    Eso es lo que tienes que poner como dirección de la imagen y en tu navegador podrás verificar previamente que es así.

    ResponderEliminar
  80. Muchísimas gracias. Me daba cuenta pero nada me funcionaba bien y me mareé bastante; ahora ya está hecho.
    Saludos.

    ResponderEliminar
  81. Muchas gracias por las instrucciones,después de un dia intentándolo,por fin tengo un nuevo favicon en mi blog!!Thank.you

    ResponderEliminar
  82. Bonita magdalena Encarni ;)

    ResponderEliminar
  83. Hola, lo he puesto y solo sale en favoritos, en la barra de direccion nanai, he puesto un gif y con movimiento y no se mueve ni en favoritos y como no sale arriba en la barra de direccion, tampoco, que podra ser, es un dominio propio, aun que estemos con bloguer como servidor, puede ser por eso, y es mas habeces no sale ni en favoritos, gracias por tu respuesta, eres un genio amigo, saludos.

    ResponderEliminar
  84. Se me olvido poner mi perfil, pensave que no se podia por la cosa de salir el blog, buyeno eso jeje, perdon, aqui queda, y me reitero gracias por todo lo que haces, y lo haces muy bien.

    ResponderEliminar
  85. No funciona el enlace a tu perfil DCC...

    ResponderEliminar
  86. Si seme habia olvidado, jeje, perdona amigo, pero esta vez entro para decirte que ya esta, que se ve, solo era ponerlo encima de title, yo lo ponia como todo lo demas como metatags, y las stemap, que hay que meterlas en HEAD, gracias por responderme, eso dice mucho de ti, que te preocupas por la gente, y eso es de agradecer, pues nada , solo decirte gracias, y ya preguntare en otras ocasiones seguramente, saludos, ya esta activado el perfil por si interesa, chao.

    ResponderEliminar
  87. Ok DCC. Entonces parece que sólo era que leiste muy rápido :D

    ResponderEliminar
  88. solo te felicito por tu blog... creo que esta muy muy bueno partiendo por el contenido y el diseño, la verdad pensé que era un dominio o algo asi, no habia visto un blog con un diseño tan bacan, tu lo creaste?? eso se puede aser?? yo estoy empezando con un blog http://concebandas.blogspot.com pero este esta muy bueno, saludos!

    ResponderEliminar
  89. Si esacto, es mi cruz, leer muy rapido jejej, si na ya esta muchas gracias, fantastico todo amigo, y para el amigo de arriba si, se puede cambiar un blog enterito, partiendo de uno , solo es cambair en la plantiya lo que te gustaria que fuera, eso si, hay que saber o leer un poco antes de hacer nada, leer tranquilamente jeje, venga saludos amigos.

    ResponderEliminar
  90. ConceBandas, más que crearlo, lo modifiqué con cosas como las que se explican en las distintas entradas de él. La plantilla base es la Notepad Chaos. Si te interesa, sólo tienes que buscar la versión para Blogger y luego... empezar a jugar.

    Como dice DCC, todo se puede cambiar después.

    ResponderEliminar
  91. Gracias ^.^

    Al principio me ha costado saber qué "head" pero al final lo he conseguido XD.
    Enhorabuena x el blog, es muy útil.

    ResponderEliminar
  92. Buah tio k de puta madre tu truco mira:
    http://danibabasalom.blogspot.com/

    ResponderEliminar
  93. Muy bien, pero que sepas que no es magia, sino algo más común ;)

    ResponderEliminar
  94. Hola Oloman, Gracias por darnos útiles trucos. A mi me funcionó el truco pero solo con la página principal. Lo que digo es que cuando hago click en una de las entradas el favicon de Blogger regresa. ¿Que debería hacer?

    Gracias y Dios te guarde...

    ResponderEliminar
  95. Pues Carlos, sólo puedo confirmarte que es tal y cómo tú dices, porque desde aquí no puedo ver más. Lo único que se me ocurre es que pudieras tener el código del favicono dentro de algún condicional IF, porque es muy extraño que en un tipo de página si lo tengas y en las otras no.

    ResponderEliminar
  96. Oloman, tenias razón. Estaba entre condicionales IF ya lo pasé antes del condicional y me funcionó, Muchas gracia.
    Un inquietud, como le hago para que la imagen que puse como header no tenga la opción de hacerle click para ir al inicio?

    Gracias...

    ResponderEliminar
  97. Carlos, en mi opinión, mejora la navegabilidad cuando hay un enlace a la página principal, pero si aún así lo quieres quitas, busca con artilugios expandidos esto:
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
    <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
    </b:if>

    Y lo dejas en sólo esto:
    <data:title/>

    ResponderEliminar
  98. Gracias Oloman por responder. Sabes, probé haciendo lo que me dijiste y no me funcionó. Cada vez que paso el mouse por la imagen que puse de HEADER aun está la opción de hacer click. Y concerniente a tu comentario, yo tengo un link llamada inicio que lleva a la pagina de inico por ello quiero quitarle eso a la imagen de cabecera.
    Aquí está mi página: www.defendiendoelevangelio.org

    Gracias.

    ResponderEliminar
  99. Carlos, pues tendrás que buscar otra ocurrencia en tu plantilla en la que aparezca data:title y que esté con un enlace. Quizás esté más de una vez, pero es con ese código (o parecido) con el que se forma el enlace de la cabecera.

    ResponderEliminar
  100. Grcais mil!!! por fin he conseguido cambiarlo!!! Gracias Oloman!!

    ResponderEliminar
  101. tengo una pregunta para que el favicon funcione en dominio .tk este codigo solo funciona en dominio blogspot.com

    ResponderEliminar
  102. En un principio Nagato, este código debería funcionar en todos los dominios. Otra cosa es que tu editor de contenidos requiera de otro sistema. Sin embargo, he visto que tienes blogspot y que además, tu favicono funciona bien.

    ResponderEliminar
  103. Gracias! no me acordaba de como hacerlo... pero ya tengo mi favicon!

    ResponderEliminar
  104. Hola, sigo tu blog desde hace unos días cuando empecé a crear el mío.Estoy intentando insertar un favicon, sigo tus instrucciones (o eso creo) y me da un error, el siguiente: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 reference to entity "page" must end with the ';' delimiter.Mi blog es http://luzmy-entrecandilejas.blogspot.com/ ¿que hago mal?. Gracias

    ResponderEliminar
  105. Luzmy, antes de complicarnos con esto (que está un poco anticuado para Blogger), por favor prueba con esto otro http://goo.gl/JHHpU;)

    ResponderEliminar
  106. Oloman, como estas?
    En esta ocasión te consulto por el favicon para equipos Apple.
    Con el codigo
    -link rel='apple-touch-icon' href='/apple-touch-icon.png'/-
    he logrado que al seleccionar "Favorito" o "Añadir a pantalla inicio" funcione y se vea la imagen png indicada. Sin embargo, ese código falla para la versión móvil (/?m=1).
    Tienes idea como hacer que ese código funcione en todos lados?
    Gracias!

    ResponderEliminar
    Respuestas
    1. Voy a ser breve una vez más: No tengo ni idea de cómo funciona nada en equipos Apple.

      Ni siquiera sabía que había instrucciones específicas para su sistema operativo. Sin embargo si has logrado que funcione en plantillas normales, quizás sea sólo cuestión de buscar la línea de código equivalente en la parte de tu plantilla que está destinada a dispositivos móviles (mobile).

      Eliminar
  107. Hola Oloman!

    tu blog me esta sirvviendo de mucha ayuda!

    tenía una pregunta sobre los favicon. ahora ya se pueden incorporar desde la página de diseño de blogger, pero cuando redirecciono el blog a un dominio propio, el favicon no se ve.

    probe a hacerlo como aquí indicas, pero tampoco me salió.
    ¿como puedo poner un faviocn en mi blog con dominio propio?

    muchísimas gracias por tu tiempo!

    ResponderEliminar
    Respuestas
    1. En un principio exactamente igual, Serpe. Sólo has de reiniciar el navegador. Yo lo tengo puesto desde Blogger actualmente y tengo un dominio personalizado.

      Eliminar