> ## 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 búsqueda de blog

> Aprende a diseñar la apariencia general de tu página de Búsqueda de Blog.

## Descripción general

Diseña la apariencia general de tu página de Búsqueda de Blog para que coincida con tu marca y ayude a los visitantes a encontrar contenido.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/qv8i86n4k7" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## ¿Qué es la página de búsqueda de blog?

La página de búsqueda de blog se muestra cuando un visitante busca con el bloque de búsqueda en una barra lateral de blog (esto puede incluirse en tu [barra lateral de publicación de blog](./how-to-design-your-blog-posts#h_01ENAZ4K3GXX89XFQ8XFQYYWZG) o en la [barra lateral de la página de inicio del blog](./how-to-design-your-blog-homepage#h_01ENAZ4K3GXX89XFQ8XFQYYWZG)):

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/cfg14ruhsk" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Personalizar la página de búsqueda de blog

Con el Website Builder, diseña el aspecto y la sensación de tu página de búsqueda de 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 página de búsqueda de blog:**

* Abre la pestaña **Website** desde tu Dashboard.
* Haz clic en la pestaña **Pages**.
* Selecciona **Blog Search** de tu lista de páginas del sitio web para comenzar a personalizar:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/hjq70p2xp1" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

Diseña tu página de Búsqueda de Blog con un [Encabezado](./customizing-your-header) y [Pie de página](./customizing-your-footer), y personaliza aún más la página con [Bloques](./add-blocks-to-your-page) y [Secciones](./add-sections-to-your-pages).

Tu página de búsqueda de blog incluye una Sección única para el creador de página de búsqueda de blog, la sección de Search:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-16-blog-search-1785429439316.png" alt="Notification_Center.jpg" />

***

## Diseñar la sección de búsqueda

La sección Search es exclusiva del creador de página de búsqueda de blog y te permite personalizar:

* El idioma usado para el Texto de Búsqueda
* El número de resultados a mostrar por página
* La apariencia de los números e íconos de paginación
* Los bloques incluidos en la Barra Lateral de tu Página de Búsqueda de Blog
* Y la Configuración general de la Sección

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.

### Búsqueda

#### Idioma

Personaliza el idioma usado para el texto de buscado, mostrando y resultados:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/19a540a4_16965905834523.png" alt="Screenshot_7_7_23__12_23_PM.jpg" />

#### Resultados por página

Ajusta el deslizador para personalizar el número de resultados que aparecen en una sola página de búsqueda:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/ce7nm5l1gr" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### 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:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/55a853a4_360097873173.png" alt="9F4A8B0A-B658-441A-BCC8-2EC04666A79D.png" />

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:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/d2ff21e5_360097873233.png" alt="A23C0773-D6F6-47F2-A229-613F88F06928.png" />

**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:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/228bc653_360095570354.png" alt="B164FC05-07D2-46A4-9375-44F0BDCCF960.png" />

### Barra lateral

De forma similar a tu Barra Lateral de Publicación de Blog y Barra Lateral de la Página de Inicio del Blog, puedes diseñar un espacio para que los visitantes de tu página de búsqueda de blog naveguen fácilmente por tu blog con la barra lateral.

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 tu página de búsqueda de 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.
* **Image** - Agrega una Imagen a tu barra lateral para mejorar la experiencia visual de la Página de Inicio de tu Blog y actuar como un botón opcional para redirigir a la página que selecciones al hacer clic, configurando la Acción de Imagen. [Aprende más sobre bloques de imagen](./how-to-add-an-image-to-your-page)
* **Recent Posts** - Lista tus publicaciones más recientes para que los visitantes de tu Blog accedan a ellas fácilmente.
* **Sidebar Search** - Agrega una barra de búsqueda a tu barra lateral.