Esto es, la pequeña imagen o icono que aparece por ejemplo en este blog junto a la URL en la barra de direcciones. Es muy fácil y útil además de decorativo, ya que permite reconocer a golpe de vista tu blog entre los demás marcadores de favoritos o entre las pestañas de navegación.
Ve a Favicon from pics, examina la imagen que quieres usar y genera y descarga el Favicon. Descomprime la carpeta obtenida (botón derecho:"extraer aqui") y verás que te ofrecen 2 versiones de tu icono en formato 16x16 px: estático y animado.
Escoge el que más te guste, y cárgalo en tu alojamiento de imágenes habitual. Si no tienes, puedes subir la imagen a una entrada de Blogger y guárdala como borrador, obteniendo el código para la imagen en el modo HTML de la entrada; o tómate un par de minutos para abrir una cuenta en SkyDrive, por ejemplo, donde podrás alojar fácil y gratuitamente tus imágenes y archivos.
Ahora, vamos a la plantilla, edición de HTML. Mandamientos 1 y 2. Busca <title><data:blog.pageTitle/></title> , y añade a continuación esta porción de código:
<link href='URL DE TU IMAGEN' rel='shortcut icon' type='image/x-icon'/>
<link href='URL DE TU IMAGEN' rel='icon' type='image/png'/>
Cambia "url de tu imagen" por su idem, y haz una vista previa.
Ahora, un par de cosas: si usas, como debieras, Firefox, lo verás inmediatamente. Si aún, por misteriosos motivos, usas el IE, sólo verás el Favicon tras haber agregado tu blog a los Favoritos.
Esta puede ser una buena ocasión para cambiar a Firefox. Total, es el futuro.
Guarda tus cambios, ¡Hasta el próximo código!
Poner tu propio Favicon
También puedes generar y editar tu favicón con el Free Online ICON Editor, que te permite modificar colores y transparificar partes, convirtiendo a formato .ico la imagen que deseas como Favicón.
Suscribirse a:
Enviar comentarios (Atom)
GRacia por los mandamientos nunca pero creame nunca los boy a olvidar
Muchas gracias,por fin he podido poner el favicón dichoso.
¡¡¡Muy bien explicado !!!
Un Saludo Juanjo
(Casi me trastorno con otras explicaciones)
La verdad que Juanjo tiene razón, comparto plenamente que tu explicación es muy sencilla. Gracias!! La bitácora de Alchemy tiene su favicon ;-)!!
Besos:
BeT
Pues yo no lo consigo. No entiendo qué es lo que hago mal. No hay manera. Me sale la imagen encima de la cabecera y no en lugarde la B.
Ayudaaaaaa...
Anónimo: Pero, ¡que la bola de cristal NO me funcionaaa! Deja tu URL para que pueda ver el problema y buscarle una solución. Mientras tanto, rezaré para que se arregle solo pero... siempre es mejor dejar una URL. Te lo juro.
Genial me ha quedado jejeje, gracias por la explicación.
Sau2
Gracias. De nuevo, los maestros enseñan a sus discípulos.
Sr. Werty, ¡pues sí!
Neru, eso de maestro NO puede ir por mí; ¡te quedó rechuli!
Saludos!
No sé qué hago mal, pero por favor contestadme, me estoy volviendo loca! Hago todos los pasos, exactamente igual que los explicáis, y me aparece "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 value of attribute "href" associated with an element type "null" must not contain the '<' character."
qué significa eso? Por favor, decidme qué estoy haciendo mal, me voy a volver locaaaaa!
Sara, no entiendo el problema; inclúyelo justo después de cualquiera de las líneas que comienzan con "link rel", en la cabecera de tu plantilla, copia y pega el código exactamente como está, y recuerda poner la URL de donde alojaste tu favicon; repite el proceso porque es la primera noticia que tengo de que no funcione, además estuve mirando el código fuente de tu plantilla y está bien formada. Prueba de nuevo y cuéntame, suerte.
Hola :)
Hice todo lo que me dijiste, pero aún sigo viendo el favicon anterior, hay que cambiarle algo expandiendo artilugios o como hago
El blog es:
browniehamster.blogspot.com
Pero te avisaré cuando lo puedes ver porque esta cerrado, pero será por unos minutos ;)
Te avisaré cuando puedes entrar
-Brownie
Ta-da!
Ya abrí el blog
Ahora puedes ayudarme? :o3
-Brownie
Hola, te quiero agradecer porque gracias a ti pude poner mi favicon! estoy feliiiiz!
Mil gracias, te puse entre mis VIP's ;)
Hace 2 días no me despego de tu blog, no tienes idea cuan útil me ha sido...
Saludos desde Ecuador.
...justo pongo un favicon y sale Google Chrome :S
Carlos, ahi lo vi! muchas gracias a ti :D Y no te preocupes, Google Chrome todavía tiene que resolver el tema de las indispensables extensiones que usamos en Firefox, para poder extenderse. Entre otras cosas, como por ejemplo, el favicón :D
Brownie, ahi esta tu favicon, la huella... Ese es el que quieres, ¿no? en Firefox lo veo rebién. No hay que hacer nada: en esas líneas pones la url de la imagen que deseas, y ya está, en este caso, la huella.
Si no entendí el problema, acláramelo por favor :D
...tengo una pregunta acerca de mi plantilla, mira, es largo de explicar y debo acostarme ya porque trabajo en 4 horas :S
Mañana te pido ayuda explicándote todo lo que hice y creo está mal, si?
Gracias ;)
...te cuento mi problemita.
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 logre 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.
Resumiendo, quisiera poder dar click al header y te lleve a HOME o página principal.
¿Hay la posibilidad de hacer algo al rspecto?
De antemano agradezco tu apertura para ayudarnos, ojalá se pueda...y si no, pues ni modo jeje.
Un abrazo.
Carlos, fíjate en tu plantilla en este código que es tu 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>
La primera URL es la que enlaza a Imageshack, y donde has de poner la de tu blog; la segunda es la que muestra la imagen, y hay que dejarla. Pon el código así:
<div id="blog-header">
<a href="http://sentado-frente-al-mundo.blogspot.com/"><img src="http://img246.imageshack.us/img246/8282/sentado04copyzc6.jpg" border="0" alt="Sentado Frente al Mundo" /></a>
Eso hará que la imagen sea un enlace a la página de inicio de tu blog :D
...niña, te agradezco un mundo, pero sabes? me pasó algo raro.
Lo puse tal cual tu sugerencia pero la letra donde dice: y aquí dejas tu huella, la dejaron...
me apareció en cursiva, que es lo de menos, sino que las fotos de cada post se acercaron mucho al título del mismo y no quedó muy estético que digamos.
Y otra cosa, funcionó en HOME, en la principal, pero si ibas a un mes cualquiera, la imagen te enviaba a "imageshak" otra vez :(
De todas formas te agradezco la paciencia y buena voluntad :D
Abrazos!
P.D. y aquí dejas tu huella, la dejaron...
Esto es en los comments de cada post :(
Carlos, los enlaces a los comentarios los veo bien... pero el enlace en el header sigue ahí! fíjate que no ha cambiado, sigue dirigiendo a imageshack...
<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>
Has de eliminar el enlace que comienza por http... o bien cambiarlo por la url de tu blog...
muy buen tip me sirvio de maravillas. fijate q ya logre poner mi favicon nuevamente gracias!!!!!
No me sale..buaaaa!!!
cada vez que lo intento me da error:
bX-w78sv7
Me puedes mirar a ver en que estoy fallando??
Muchas gracias.
Sku, parece un fallo temporla de Blogger. Vuelve a intentarlo, y asegúrate de que no tienes los artilugios expandidos, que a veces falla por eso. Suerte.
...si, espero que solo sea un fallo de blogger porque de los dos que puse con exito, uno ya no sale :'(
Un premio al buen profesor(a) que buena explicasion, sin alardear con terminologia tecnica, gracias muchisimas gracias.
Muchas gracias, Bradinsky :D
Ooohh muchísimas gracias, he estado toda la noche buscando como poner un favicon, y ninguna tecnica me funcionaba, te lo agradesco =D
Me ha venido de maravilla. Ya he puesto el favicon... gracias!!!!
SOS GROSSOOO SABELOOOO¡¡¡¡
Eres el master
oye podria agregarte a mis favoritos o algo asi?
Y como aces para dejar comentario tan facil como aqui, poner una ventanita de estas en el blog?
Voy de blog en blog buscando como poner un favicon, pero no me funciona con ningún código de los cientos que he probado.
¿Qué hago mal? Eres mi último intento, si no funciona, ya lo dejo por agotamiento...
Un saludo.
Salondesol, no tienes el código puesto asi que no puedo ve rlo que pasa. Ponlo en la plantilla tal como se indica, y antes de subir la imagen a tu servidor, asegúrate de que está en formato .png y que tiene un nombre diferente de favicon, por ejemplo mifavicon valdria, ya esto ha causado problemas antes. Ya me avisas si sigue sin funcionar, deja el código puesto para que pueda verlos. Saludos.