Información
Vamos a ver como poner un Favicon en una plantilla de blogger si estamos usando el nuevo
editor de Blogger
Normalmente, si queremos poner un Favicon personalizado usando el editor antiguo de Blogger es fácil porque viene la opción predeterminada.
Hay que tener en cuenta que el Favicon debe de tener unas de medidas de 32x32 pixeles.
Hay que tener en cuenta que el Favicon debe de tener unas de medidas de 32x32 pixeles.
Pero en el nuevo editor esta opción de editar el Favicon desaparece, asi que vamos a ver como meterlo directamente en el HTML.
Lo prinero que haremos será subir el Favicon a una entrada de blogger que dejaremos siempre en borrador y que llamaremos IDB (imágenes del blog), es una manera de tener un servidor propio de imágenes. De aqui copiamos la URL de nuestra imagen.
Ahora vamos al editor HTML de nuestro blog: Tema > Editar HTML
Damos a CTRL+F y buscamos esta linea
<title><data:blog.pageTitle/></title>
Justo antes de esta linea, pegaremos estas otras dos
<link href='URL del favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='URL del favicon.ico' rel='icon' type='image/x-icon'/>
<link href='URL del favicon.ico' rel='icon' type='image/x-icon'/>
Sustituiremos lo marcado en verde URL del favicon.ico por la url de nuestro favicon que hemos copiado anteriormente.
Guardamos los cambios y listo, nuestro favicon ya aparecerá en la barra del título del blog.
En el caso de que no aparezca esa línea
En los comentarios veo que hay blogs que no tienen esa línea de código.
En este caso, vamos a agregarla debajo del <head>, pero además añadiremos más código para mejorar el SEO de nuestro blog.
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == "https://tublog.blogspot.com/"'>
<meta content='Aquí tu descripción' name='description'/>
<meta content='keyword1, keyword2, keyword3….' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Keyword1 | Keyword2 | Keyword3 | Keyword4 | Keyword… </title>
</b:if>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.url == "https://tublog.blogspot.com/"'>
<meta content='Aquí tu descripción' name='description'/>
<meta content='keyword1, keyword2, keyword3….' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Keyword1 | Keyword2 | Keyword3 | Keyword4 | Keyword… </title>
</b:if>
<title><data:blog.pageTitle/></title>
Aquí en lo marcado en verde sustituiremos por la url de nuestro blog, la descripción y las etiquetas.
Y añadiremos las dos líneas anteriores pertenecientes al favicon, justo antes de la última línea de este código.
En caso de que no funcione, probad a añadir las dos líneas justo antes de la primera de este código.
* Muy importante: recordad hacer copia de seguridad de la plantilla, siempre antes de hacer este tipo de modificaciones.
![Pinceles lluvia [Photoshop/Gimp]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeMrbIhvf7dN0i_7NWVe8rURA1qdfKem9bxB0s3liuZXLacbH4OnctOxDb5SwPoiQUug9VjUMpq6o5-Yvbz34xZM9Hl0G7mdh24RYC4b_tkiXmwivITa6gRYsQX4jd7F7ayQG2x3jWeKc/w100/Pinceles+Lluvia,+kiketrucker.jpg)
32 Comentarios
no aparece esta linea
ResponderEliminarPrueba con pageTitle a ver si la encuentras.
ResponderEliminarSaludos
Esa línea no sale
ResponderEliminarSuele estar por debajo de la apertura de head, busca bien, o dime tu blog y te digo donde está.
EliminarMuchas gracias por la info. Muy interesante. Todo bien hasta dar a guardar. Me sale este mensaje y no me deja pasar de ahí.
ResponderEliminarorg.xml.sax.SAXParseException; lineNumber: 7; columnNumber: 17; The value of attribute "href" associated with an element type "link" must not contain the '<' character.
Gracias de antemano
Te está diciendo que te falta un elemento del código en concreto <, revisa a ver si has hecho bien todo, y sobre todo nunca le des directamente a guardar, usa siempre vista previa, y si ves que carga bien la página, entonces ya guardas, más que nada para evitar algún error grave.
EliminarSaludos.
Hola, lo he agregado pero no ocurre nada.
ResponderEliminarA veces tarda unos dias en aplicarse, espera dos o tres dias y si no te aparece, vuelve a comentar dejandome la url de tu blog y lo miro a ver si encuentro el fallo en caso que lo haya.
EliminarSaludos.
Puedes añadir una captura como es el codigo que debemeos encontrar... es que a mi me aparece pero no exactamente como lo mencionas por favor
ResponderEliminarHe editado el post, sigue las instrucciones nuevas que he añadido. Un saludo.
EliminarBUEN DIA , NO SE DONDE PONER EL FAVICON , YA QUE NO SALE YA ESA OPCION ,PROBE CON TUS PASOS Y NADA,
ResponderEliminarESPERO TU AYUDA .
GRACIAS DE ANTEMANO.
Te iba a decir que si no podias con este tutorial que pasarás al editor clásico, y desde ahí lo aadieras, pero veo que ya lo tienes puesto.
EliminarSaludos y gracias por visitarnos.
ESTE ES MI BLOGG
ResponderEliminarhttps://peliculashindu-googledrive.blogspot.com/
Hola, he probado las dos maneras, el favicon no aparece.,,
ResponderEliminarHola Mónika, espera unos dias, normalmente no suele aparecer justo en el momento en que haces este cambio.
EliminarSaludos y gracias por comentar.
Stanley Herrarte: he eliminado tu comentario porque tu imagen de avatar esta en http y hace que los navegadores me marquen la página como no segura, pero te contesto:
ResponderEliminarhas de buscar las linéas postdate o datetime en el html e ir eliminando, siempre haz copia de seguridad de la plantilla.
Saludos.
Stanley Herrarte ha contestado a un comentario en "Cómo poner un Favicon en el nuevo editor de Blogger"
ResponderEliminarHace 11 horas
Gracias por tu respuesta! no sé porque mi avatar está en Http. Saludos!
De nada, pero sólo aparece en Http en el recuadro de comentarios recientes.
Saludos.
No lo consigo de ninguna de las formas, tuve que optar por la opcion 2 ya que no tenia data:blog.page
ResponderEliminarPe no me funciona poniendo las lineas del ico sobre b:include data='blog' name='all-head-content'/> ni sobre data:blog.page
Corroboré tambien que el ico estuviera en https, que podria estar pasando??
Mi blog es https://barryeltorppe.blogspot.com/
P.D.: la linea data:blog.pageTitle/> | Keyword1 | Keyword2 | Keyword3 | Keyword4 | Keyword ... hay que terminarla en "|" no sea que esto este fastidiando al cierre o algo, aunque he probado de las 2 formas
Al igual que he comentado a otros amigos del blog, el Favicon normalmente no se queda aplicado de inmediato, a veces tarda hasta dos o tres semanas en aparecer.
EliminarSaludos.
ah perfect, entonces esperare, de gran ayuda, y casi mas el aprovechar para meterle las tags para los motores de busqueda, casi mejor que por lo principal por lo que consulte esta entrada. GRACIAS A TODOS!!
ResponderEliminarGracias por tu visita y por dejarnos tu comentario.
EliminarSaludos.
Hola Barry, entré a tu blog y ví que ya tenés el favicón. Te funcionó con el código de acá o de otra manera? Y si fue con el de acá, te tardó mucho? Porque yo lo acabo de hacer y necesitaría que esté para el sábado... me está matando la ansiedad jaja. Gracias a ambos!
EliminarComo lo busco en android?
ResponderEliminarDesde Android lo tienes más complicado, todo esto desde una pantalla de móvil o tablet. En toeria los mismos pasos.
EliminarNo funciona !!! ya pasaron 4 días y no aparece
ResponderEliminarEn algunos blogs me ha tardado hasta dos semanas.
EliminarYo no la voy a cambiar porque me parece tan vergonzoso que google haya eliminado esa opción de poner el favicon que no pienso calentarme la cabeza, además por muy bien que lo hagas te arriesgas a cargarte el blog porque cuando haces copias de seguridad los gadgets y muchas cosas no se llegan a guardar del todo y si sale mal luego es un rollazo exportar de la copia de seguridad y... que no, que todo esto forma parte de la estructura ambigua del pensamiento querer hacer las cosas fáciles difíciles para que los ciudadanos se acostumbren a la opresión en los pequeño aspectos de la vida y luego con las cosas graves no le den inconscientemente importancia
ResponderEliminarGracias por tu comentario pero con esta opción poco riesgo hay de cargarse nada.
EliminarPor otro lado estoy de acuerdo con tu punto de vista, en lugar de facilitar dan por saco.
Amigos es muy fácil. Se van a CONFIGURACIÓN....BÁSICA....Iconos de la página.
ResponderEliminarAl cliquear les llevará a: https://www.blogger.com/change-favicon.g?blogID=3537523519809620214 y allí cambian su favicon. Listo!
Gracias por tu colaboración, saludos.
EliminarHola, quiero subir el favicon con la herramienta propia de blogger de "subir icono"... lo subo,no me da ningún error pero no aparece... esto lo he hecho hace varios días.
ResponderEliminarHola, espera unos días más, a veces tarda bastante.
EliminarSaludos y gracias por visitarnos.
Anímate a dejar un comentario, es la mejor manera de interactuar y ayudarnos a mantener el blog actualizado.