miércoles, 11 de noviembre de 2020

Como cambiar el Favicon en Blogger (Interfaz 2020)

Como colocar y cambiar el Favicon en Blogger (Interfaz 2020)


Queridos lectores la interfaz de Blogger cambio a partir de este año 2020, y aunque la mayoría de los elementos son muy fáciles de ubicar entre la antigua y nueva versión el FAVICON ya no aparece en la sección DISEÑO, como solía hacerlo normalmente en la parte superior de la plantilla.

Por tanto he decido escribir este articulo para explicarte donde se encuentra la opción para subir y cambiar el FAVICON  o imagen que aparece en el tu navegador cuando estas en el sitio web. Sigue los siguientes pasos:

  1. Ingresa a tu panel de control en www.blogger.com 
    Ingresa a tu panel de control en www.blogger.com

  2. Luego da clic en la opción de la izquierda que se indica como CONFIGURACIÓN 
    Luego da clic en la opción de la izquierda que se indica como CONFIGURACIÓN

  3. Identifica la primera sección que se llama BÁSICOS
  4. Al final de esa sección debería aparecer un texto en azul verdoso que indica: ICONO DE PÁGINA, da clic aquí. 
    Identifica la primera sección que se llama BÁSICOS Al final de esa sección debería aparecer un texto en azul verdoso que indica: ICONO DE PÁGINA, da clic aquí.

  5. Se va a abrir una nueva pantalla, en la cual deberás escoger el archivo para tu FAVICON, esta debe ser una imagen cuadrada que pese menos de 100KB. 
    Se va a abrir una nueva pantalla, en la cual deberás escoger el archivo para tu FAVICON, esta debe ser una imagen cuadrada que pese menos de 100KB.

Una vez que la hayas subido será todo ya habrás instalado el ICONO DE TU PÁGINA O FAVICON.


CAMBIANDO EL FAVICON EN EL CODIGO HTML

También existe un método alternativo a la opción que te brinda Blogger, que es cambiando de manera manual directamente en el código html de la plantilla.

Para hacerlo deberás seguir los siguientes pasos:

  • Para comenzar, primero debe hacer una copia de seguridad de su plantilla de Blogger: haga clic en 'Tema'. Luego haga clic en el botón con tres puntos.
  • Haga clic en Backup
  • Haga clic en Descargar para guardar la copia sin conexión de la copia de seguridad.
  • Vuelva a hacer clic en el botón con tres puntos. Toca 'Editar HTML'
  •  Luego use Ctrl + F para buscar '<head>'. Justo después de la etiqueta de la cabeza, debe insertar el siguiente código.
link rel "shortcut icon" href "https://example.com/favicon.ico" type "image / x-icon" >     
  • Aquí deberá reemplazar la url https://example.com/favicon.ico por la url donde esta alojada su imagen de favicon, que debe estar en formato .ico
  • Luego haga clic en el botón Guardar.
  • Abra su blog y su nuevo favicon debería aparecer ahora en la barra de direcciones.


Blogger para mi sigue siendo el sistema más sencillo y amigable para la construcción de sitios web así que a personalizarlo para que te quede muy profesional.


¡Nos vemos pronto! 

4 comentarios:

  1. Que genial que te sirvió, si puedes ayuarme con clics en los banners publicitarios.

    ResponderBorrar
  2. Saludos desde Cuba, ya lo había hecho, pero no me acordaba.
    Gracias

    ResponderBorrar
    Respuestas
    1. Me alegra mucho que te haya servido, si puedes dar clic en los banners publicitarios me ayudas a mantener vivo el blog.

      Borrar

Déjame tu comentario o consulta.