Documentación FREE FIRE Template Blogger

GUÍA DE INSTALACIÓN Y CONFIGURACIÓN

Sigue esta guía paso a paso para instalar y personalizar correctamente tu plantilla en tu blog de Blogger.

1. Instalación Inicial

Antes de aplicar la plantilla, realiza una copia de seguridad de tu diseño actual para evitar pérdidas de contenido.

  1. Inicia sesión en tu panel de Blogger y dirígete a Tema > Editar HTML.
  2. Haz clic en el menú desplegable junto a "Personalizar" y selecciona Respaldar para descargar una copia de seguridad de tu plantilla anterior.
  3. Abre el archivo XML de la plantilla FREE FIRE Template Blogger Responsive con un editor de texto (como el Bloc de notas), copia todo el código e impleméntalo en el editor HTML de Blogger reemplazando todo el contenido previo.

Video Tutorial de Configuración

2. Variables Predeterminadas

Dirígete a Diseño y edita el gadget tipo Lista de Enlaces titulado Variables Predeterminadas. Agrega un nuevo elemento rellenando los campos Nombre del sitio (Título) y Dirección URL del sitio (URL):

  • postPerPage (Publicación por página): En Título escribe postPerPage y en URL pon el número de entradas que se mostrarán en el inicio (ejemplo: 8).
  • fixedSidebar (Fija la barra lateral): En Título escribe fixedSidebar y en URL pon true para fijarla al hacer scroll o false para no fijarla.
  • commentsSystem (Sistema de comentarios): En Título escribe commentsSystem y en URL define el sistema que deseas usar: blogger, disqus o facebook.
  • disqusShortname (Comentarios Disqus): En Título escribe disqusShortname y en URL agrega la identidad de tu Disqus (ejemplo: primercapitulovideo-blogspot-com).

3. Editar Menú Principal y Submenús

Ingresa a Blogger > Diseño y abre el gadget de Lista de Enlaces titulado Menú Principal para estructurar tus secciones:

Editar Menú Principal
  • Submenú Nivel 1: Agrega 1 guion bajo al inicio del título (ejemplo: _Submenú 1).
  • Submenú Nivel 2: Agrega 2 guiones bajos al inicio del título (ejemplo: __Submenú 2).
INFORMACIÓN: Los enlaces de Submenú Nivel 2 deben ubicarse inmediatamente por debajo del enlace de Submenú Nivel 1 correspondiente.

💡 Si deseas añadir iconos vectoriales para resaltar las opciones de tu menú, puedes consultar el catálogo de Iconos Font Awesome.

Enlace URL Simple de Etiquetas para Menú:

Este código permite mostrar publicaciones separadas por categorías. Reemplaza la palabra Etiquetas por la categoría de tu preferencia:

/search/label/Etiquetas?&max-results=5

4. Mega Menú, Publicaciones Destacadas y Carrusel

4.1 Códigos para Mega Menú:

En el gadget Menú Principal, crea un nuevo elemento (ejemplo: Mega Menú) y coloca en el campo URL el código correspondiente:

Etiquetas/mega-menu   (Muestra publicaciones por etiqueta específica)
recent/mega-menu      (Muestra publicaciones recientes)
random/mega-menu      (Muestra publicaciones aleatorias)

4.2 Publicaciones Destacadas 1, 2, 3 y Carrusel:

En la sección Diseño, agrega los siguientes códigos en la URL de los gadgets correspondientes. Puedes cambiar la palabra de la etiqueta y modificar el número para ajustar la cantidad de publicaciones:

4/random/grid-big     (Publicación Destacada 1)
4/recent/slider       (Publicación Destacada 2 - Slider)
2/Juegos/grid-big     (Publicación Destacada 3 por etiqueta "Juegos")
10/recent/slide-posts (Gadget de Carrusel)

5. Cambiar Imágenes de Banner

En el HTML de la plantilla, busca las URLs de las imágenes y reemplázalas por las de tu propia imagen. Se recomienda una imagen grande de 1200 px (en formato webp) y una imagen pequeña de 100 px (en formato webp):

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_cDzTupI-KWRzNOBUJG9wRNW18pdV3_1mZaWQ5bG0itI-W6L-AN-Am8bDiSspXr6Cwu1j_X7kK-oTZ4RQu05BA43w2WJ_gPvvgJ83M1PpO9wW3EzdKNHK21Z3Ypv62w02B6PLjnhp9vXbGS20-d7sTq0lpBZR8KCSgxdPeuaelBd9f39pxMketMsVsto/s1200/FreeFire%20template%20blogger.jpg
      
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZkFhUYv1BGYw9VPo3ly0ESU7v8td4Sb3ZrslWSbXdNAq_vef73d6xK0avPsplxuVZjGu-ZtdHp_OL0XsERHIgTFQRFf-emKkPj8F2GxmuuwPAteZg7AoynrkpWARhK8VVlaQME-On7oLXui-5uCxNgs2W1wXYhtOMDWTmG7rg-2DS9-VGsEg1oMuWfvc/s320/template%20blogger%20frefire.png

❓ ¿Tienes preguntas o algún inconveniente durante la instalación? Si detectas algún tipo de falla o error en tu compra, envíanos un mensaje directo mediante el Formulario de Contacto para ayudarte a la brevedad. ¡Mucho éxito en tu proyecto!

COMENTARIOS