> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Diseñar una página de inicio de blog
> Aprende a personalizar el aspecto y la sensación de tu página de inicio de Blog con las capacidades de edición más recientes disponibles con el Website Builder de Kajabi.
## Descripción general
Personaliza el aspecto y la sensación de tu página de inicio de Blog con las capacidades de edición disponibles en el [Website Builder de Kajabi](./how-to-make-the-switch-to-the-new-website-builder).
***
## Crear tu blog
Antes de empezar, necesitarás crear tu Blog. Si aún no has creado tu blog, [haz clic aquí para comenzar](./creating-your-website#learnabout).
Las Publicaciones de Blog son los bloques de construcción básicos de tu Blog en Kajabi. [Aprende más](../blog/how-to-create-a-blog-post#h_6ea6cc1c-941b-43d4-9f91-4925e38f5e94) sobre cómo crear Publicaciones de Blog para construir tu blog.
Blogear en Kajabi te ofrece una forma de conectar con tu audiencia, mostrar credibilidad y entregar valor adicional a través de tu sitio web. Aprende a diseñar la página de inicio de tu Blog.
***
## Personalizar el diseño de tu blog
Con el Website Builder, diseña el aspecto y la sensación de la página de inicio de tu blog para representar tu marca. [Aprende más sobre el Website Builder](./customizing-your-website-pages-with-the-website-builder)
**Para comenzar a personalizar el diseño de tu blog:**
* Abre la pestaña **Website** desde tu Dashboard.
* Selecciona la pestaña **Pages**.
* Ubica **Blog** en tu lista de páginas del Sitio Web.
* Haz clic en **Customize**:
¿No ves contenido? Crea y publica publicaciones de blog para que se muestren en la página de inicio de tu Blog. [Aprende más](../blog/how-to-create-a-blog-post)
**Nota:** Para agregar tu blog a tu menú de navegación principal, sigue las instrucciones [aquí](https://help.kajabi.com/hc/en-us/articles/360037080193) y usa la opción "Link" para enlazar a tu blog.
Personaliza tu Blog con un [Encabezado](./customizing-your-header) y [Pie de página](./customizing-your-footer), y diseña una página personalizada con [Bloques](./add-blocks-to-your-page) y [Secciones](./add-sections-to-your-pages).
La página de inicio de tu blog incluye una Sección única para el creador de blog, la Sección de Listados de Blog:
***
## Personalizar la sección de listados de blog
La Sección de Listados de Blog es exclusiva del creador de blog para personalizar el aspecto y la sensación general de tu Blog.
La Sección de Listados de Blog te permite personalizar:
* Cómo se muestran tus publicaciones de blog
* Los bloques incluidos en la barra lateral de tu blog
* Y el fondo y diseño de la sección en general
Para editar la sección de Listados de Blog, abre el [editor de página](./how-to-get-to-the-page-editor) para tu Blog y haz clic en la sección desde tu barra lateral.
### Configuración de listados de blog
En tu Sección de Listados de Blog, personaliza:
* Bloque de Listados de Blog
* Apariencia de la Paginación
* Barra lateral
* Configuración de la Sección
#### Bloque de listados de blog
**Layout Style** - Selecciona el estilo de diseño que desees para personalizar el diseño de tus publicaciones de blog en la página de inicio de tu blog:
* Diseño de lista:
* Diseño de cuadrícula de 2 columnas:
* Diseño de cuadrícula de 3 columnas:
* Diseño con medio a la izquierda:
* Diseño con medio a la derecha:
Si prefieres usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores para elegir tu color.
* La **barra vertical** te permite seleccionar el tono.
* El **cuadro** te permite seleccionar el brillo y la saturación.
* La **barra horizontal** te permite seleccionar la opacidad de tu color.
**Truncate At** - Ingresa un número personalizado para anular el truncamiento predeterminado de 300 caracteres. Esta configuración aplica al contenido del cuerpo de texto de tus publicaciones de blog.
**Language Read More** - Personaliza el idioma usado para mostrar el mensaje que anima a los visitantes de tu blog a seguir leyendo. Por defecto, el texto muestra "Continue Reading..."
**Listings Per Page** - Usa el deslizador o el campo numérico para ajustar el número de publicaciones de blog listadas en una página de la página de inicio de tu blog.
#### Apariencia de la paginación
Personaliza el color de los botones de paginación si los listados de tus publicaciones de blog ocupan varias páginas:
Haz clic en el ícono de color junto a cada configuración de apariencia de paginación para personalizar el color.
Si prefieres usar un color personalizado, haz clic en la rueda de color y luego ingresa tu código de color RGB o usa los deslizadores para elegir tu color.
* La **barra vertical** te permite seleccionar el tono.
* El **cuadro** te permite seleccionar el brillo y la saturación.
* La **barra horizontal** te permite seleccionar la opacidad de tu color.
**Pagination Default Color** - Selecciona un color para anular todos los colores predeterminados de la apariencia de tu paginación:
**Pagination Selected Color** - El "pagination selected" usa color para indicar a tus visitantes el número de página que están viendo. Selecciona un color para cambiar el color del "pagination selected":
**Pagination Disabled Color** - El "pagination disabled" usa color para indicar a tus visitantes que el número de páginas de tus publicaciones de blog no continúa. Esto cambia el color de la flecha para ir hacia atrás o adelante dependiendo de la página que tu visitante esté viendo:
#### Barra lateral
Diseña un espacio para que los visitantes de tu blog naveguen fácilmente por tu blog con la barra lateral del blog.
Personaliza la barra lateral de tu blog agregando, eliminando y organizando bloques de barra lateral:
* **Author** - Agrega y personaliza tu información de autor para mostrarla en la barra lateral de la página de inicio de tu blog:
* **Call to Action** - Anima a una respuesta inmediata de tus visitantes para suscribirse a tus correos de marketing, ver una página de destino, comprar una Oferta y más. [Aprende a usar un Llamado a la Acción](./how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page)
* **Categories** - Usa Categorías para filtrar fácilmente tus Publicaciones de Blog cuando los visitantes vean tu Blog. Personaliza el idioma y la apariencia de tu bloque de Categorías en la barra lateral de la página de inicio del blog. Lee [Cómo Categorizar tus Publicaciones de Blog](../blog/how-to-categorize-your-blog-posts) para más detalles.
* **Custom Block** - Crea bloques personalizados en la Barra Lateral de tu Blog para incluir Imágenes, un [Llamado a la Acción](./how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page) (CTA), y contenido de texto adicional. Por ejemplo, anuncia tu propia Oferta desde la barra lateral de tu blog:
***
## Configuración de la sección
### Contenedor de publicación de blog
Coloca tu Publicación de Blog en un contenedor para separar visualmente tu publicación de otras secciones en tu Publicación de Blog. En esta sección, puedes personalizar el color de fondo del contenedor, tipo de borde, ancho de borde, borde y sombra del contenedor.
### Contenedor de barra lateral de blog
Coloca tu Barra Lateral de Blog en un contenedor para separar y resaltar visualmente tu barra lateral de otras secciones en tu Publicación de Blog. En esta sección, puedes personalizar el color de fondo del contenedor, tipo de borde, ancho de borde, borde y sombra del contenedor.
* [Fondo](./customizing-block-background-settings)
* [Diseño de escritorio y móvil](./customizing-block-layout-settings)