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:
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'/>
<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.
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.
Y muchos más artículos interesantes si nos sigues en...
Muchas gracias me sirvió bastante..
ResponderEliminar¿En que parte hay que poner el codigo? porque no entiendo
ResponderEliminar¿En que parte hay que poner el codigo? porque no entiendo
ResponderEliminarde favicon tengo el simbolo de BLOGER y nose como sacarlo. ¿como hago para sacarlo?
ResponderEliminarNo 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.
ResponderEliminarEn 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.
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='...'?
ResponderEliminarGracias
Exacto.
ResponderEliminarTienes que cambiar la expresión
URLDELFAVICON
por la dirección de tu imagen.
Recuerda cambiar el tipo de imagen si no es GIF.
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.
ResponderEliminarSabes si puedo corregirlo?
Gracias de antemano
Sí. Sé que NO puedes corregirlo, Kikelin
ResponderEliminarPor 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.
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.
ResponderEliminarDe todos modos, propón, que a mi me encanta plantearme cosas nuevas.
wuaaaaaaaaa
ResponderEliminarme resulto!!
estoy emocionada
muchas gracias!
Muchas gracias oloman, acabo de hacerlo y creo que quedó bien.
ResponderEliminarBuen blog! (te conozco de uniblog y el grupo de yahoo)
y de nuevo gracias =)
saludos!
Hola!
ResponderEliminarMe 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!
Hola!! Me ha encantado este truquillo jajaj está muy gracioso! Me he puesto a mí misma en mi blog y queda muy divertido ^^ Gracias! :)
ResponderEliminarEsta explicaciòn es perfecta!!
ResponderEliminarMe 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
gracias me funciono a la perfecion ;)
ResponderEliminarhola oloman:
ResponderEliminarespero 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!
¿!!!? Isa, me frustras totalmente porque lo que preguntas, es precisamente lo que he intentado explicar en todo el texto de esta entrada.
ResponderEliminarSó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
...hola, me fascina tu blog.
ResponderEliminarTengo 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!
Me pasó lo mismo que a Carlos, si alguien sabe que ha pasado agradecería ayuda.
ResponderEliminarMonika y Carlos, no conozco el Blogger antiguo. Empecé en esto cuando ya estaba la plantilla Beta.
ResponderEliminarLo 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.
Oloman, igual, gracias por tu gentil respuesta :)
ResponderEliminarMira, 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.
Muchas gracias de todas formas. Trataré de buscarle la vuelta al asunto.
ResponderEliminarUn saludo
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.
ResponderEliminarHay 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
...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.
ResponderEliminarTal 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.
...por cierto, gracias por lo del header, pero funciona en home nada más :(
ResponderEliminarSi 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!
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.
ResponderEliminarUsa el correo de la sidebar.
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!
ResponderEliminarPara 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.
ResponderEliminarHola Oloman,
ResponderEliminarEsta 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
Hola Lagu.
ResponderEliminarCreo 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.
Muchas gracias Olomán,
ResponderEliminarya 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
Amigo Oloman, te felicito por tan excelente blog.
ResponderEliminarHice las cosas como lo explicas y aunque al principio tuve un problemita pude resolverlo y me quedço genial.
Muchas gracias
WAAAAAAAAAAAAA!!!!!!!!!!
ResponderEliminarME RESULTO!!!!!!!!
MUCHAS GRACIAS!!!!!!!
www.galeriaqueen.blogspot.com
Que barbaro!
ResponderEliminarHabia 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!
Hola, siguiendo este post pude colocar un favicon en mi blog, pero, como tú dices, Oloman, no se veía en el explorer.
ResponderEliminarNo 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.
Gracias por la info Chacien.
ResponderEliminarEn 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.
Estoy en condiciones de confirmarte lo del I. E. 8, puesto que es la versión que uso en mi portátil.
ResponderEliminarEn 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.
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 ;)
ResponderEliminarDe 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...
Cómo se nota, Oloman, la experiencia que tienes y que sabes de qué va esto.
ResponderEliminarPues 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.
Me alegra haber sido de ayuda para solucionar tu "jodienda" :)
ResponderEliminarHola 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.
ResponderEliminarUn saludo.
GRacias ee. Me a servido mucho tu blogg...
ResponderEliminarhola 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
ResponderEliminarEl 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.
ResponderEliminarHola 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
ResponderEliminarte mando mi link de mi pagina por si te sirbe de argo si no haver q te mando pa poder solucionarlo gracias
ResponderEliminarhttp://www.origenesflamencos.com/
Este comentario ha sido eliminado por el autor.
ResponderEliminarBusca esto en tu plantilla y esas dos líneas las pones justo delante.
ResponderEliminar<b:skin><![CDATA[/*
No olvides cambiar URL_FAVICON por la dirección de tu imagen.
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
ResponderEliminarlink
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'/>
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
ResponderEliminarHola. No puedo acceder a tu blog para verlo porque es sólo para invitados.
ResponderEliminarEsto 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'/>
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
ResponderEliminarwww.origenesflamencos.com
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
ResponderEliminarHola 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.
ResponderEliminarMira 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 ;)
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
ResponderEliminarEstas son las imágenes
ResponderEliminarhttp://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).
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);
ResponderEliminarperdona por molestar tanto
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
ResponderEliminarLo 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...
ResponderEliminarhttp://img694.imageshack.us/img694/1433/guita1.jpg
http://img693.imageshack.us/img693/1402/guita2.jpg
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
ResponderEliminarEl 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.
ResponderEliminarLas 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.
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
ResponderEliminarPara que pilles ideas:
ResponderEliminarConfigura fecha de entrada
Iconos por categoría en cada post
Y esto que ya es algo más complicado:
Secciones con estilo
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
ResponderEliminarEn 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
ResponderEliminarhola 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
ResponderEliminarEl favicono lo tienes operativo. Si tú no lo ves quizás es porque tengas un navegador antiguo (por ejemplo Internet Explorer 6).
ResponderEliminarPara 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.
po muchas gracias por tu pasiencia y por alludar a los demas muchas gracias amigo eres genial
ResponderEliminarMuchísimas gracias Oloman. He conseguido hacerlo sin problemas.
ResponderEliminarEra 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.
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!!!!
ResponderEliminarMil gracias porque haces que mi blog mejore día a día!!
Mil gracias, Oloman. :D
ResponderEliminarHabía probado varias opciones pero no había manera, esta sí que me ha servido. ;)
Gracias Oloman, me voy a probarlo... un abrazo!!!
ResponderEliminarte cuento que en Opera solo véo el lapiz, en firefox si lo veo animado...
¿No funciona la animación con Opera? Bueno, como ocurre al final de Con faldas y a lo loco: "Nadie es perfecto" :)
ResponderEliminarBuenas, 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
ResponderEliminarAeroblog, 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.
ResponderEliminarOloman, 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.
ResponderEliminarSó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.
ResponderEliminarSi 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...
Estimado Oloman:
ResponderEliminarHe 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.
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.
ResponderEliminarTienes 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í.
Muchísimas gracias. Me daba cuenta pero nada me funcionaba bien y me mareé bastante; ahora ya está hecho.
ResponderEliminarSaludos.
:)
ResponderEliminarMuchas gracias por las instrucciones,después de un dia intentándolo,por fin tengo un nuevo favicon en mi blog!!Thank.you
ResponderEliminarBonita magdalena Encarni ;)
ResponderEliminarHola, 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.
ResponderEliminarSe 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.
ResponderEliminarNo funciona el enlace a tu perfil DCC...
ResponderEliminarSi 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.
ResponderEliminarOk DCC. Entonces parece que sólo era que leiste muy rápido :D
ResponderEliminarsolo 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!
ResponderEliminarSi 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.
ResponderEliminarConceBandas, 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.
ResponderEliminarComo dice DCC, todo se puede cambiar después.
Gracias ^.^
ResponderEliminarAl principio me ha costado saber qué "head" pero al final lo he conseguido XD.
Enhorabuena x el blog, es muy útil.
Buah tio k de puta madre tu truco mira:
ResponderEliminarhttp://danibabasalom.blogspot.com/
Muy bien, pero que sepas que no es magia, sino algo más común ;)
ResponderEliminarHola 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?
ResponderEliminarGracias y Dios te guarde...
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.
ResponderEliminarOloman, tenias razón. Estaba entre condicionales IF ya lo pasé antes del condicional y me funcionó, Muchas gracia.
ResponderEliminarUn 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...
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:
ResponderEliminar<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/>
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.
ResponderEliminarAquí está mi página: www.defendiendoelevangelio.org
Gracias.
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.
ResponderEliminarGrcais mil!!! por fin he conseguido cambiarlo!!! Gracias Oloman!!
ResponderEliminartengo una pregunta para que el favicon funcione en dominio .tk este codigo solo funciona en dominio blogspot.com
ResponderEliminarEn 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.
ResponderEliminarGracias! no me acordaba de como hacerlo... pero ya tengo mi favicon!
ResponderEliminarHola, 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.
ResponderEliminarMensaje 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
Luzmy, antes de complicarnos con esto (que está un poco anticuado para Blogger), por favor prueba con esto otro http://goo.gl/JHHpU;)
ResponderEliminarOloman, como estas?
ResponderEliminarEn 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!
Voy a ser breve una vez más: No tengo ni idea de cómo funciona nada en equipos Apple.
EliminarNi 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).
Hola Oloman!
ResponderEliminartu 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!
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