# Blog posts

<div data-full-width="true"><figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fa5w6LQkUFhLWSt58jhjP%2FHelp%20Center%20banner%20%201250%20x%20200-2.png?alt=media&#x26;token=ab0daf12-b917-4435-a603-9a3f6613f853" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

{% embed url="<https://youtu.be/CygzoB9j97M>" %}

The blog post section is useful when you want to show new product launches, tips, or other news.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MlL6sK9D7unq8F2VPPp%2F-MlVPcduiq2PwsduCnqu%2F-MlVQrAnj4iCu0phlPHx%2Fimage.png?alt=media\&token=992f7b22-f2d9-49d6-b133-4a73bed1e965)

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section**
2. Locate **Blog posts**
3. **Save**
   {% endhint %}

To know more about how to add a blog to your online store, see [Blogs](https://help.shopify.com/en/manual/online-store/blogs).

This article shows you how to display your blog posts on your website using **Minimog** theme.

## **Section header** and **general:**&#x20;

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

Adjust the text alignment (left/center) along with the background color and container type.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FNxKYpF8mxc88aIiSsQrH%2Fimage.png?alt=media&#x26;token=b1a0065c-7bb3-45db-a9cf-e0e6cbb85e0f" alt=""><figcaption></figcaption></figure>

## **Content**

This section is for adding preferable blog posts. You can use the slider to adjust the number of blog posts per row and the number of displayed posts (between 2 and 12).

Additionally, the gap between each post can also be changed here.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FgwCddQ3FmcR0XS41qU1X%2FScreen%20Shot%202021-10-13%20at%2020.20.22.png?alt=media\&token=bfcee5a1-cbb6-4e96-a729-6c944d2a9454)

## **Card settings**

The card section is adjusting the blog image ratio and content alignment inside. Furthermore, you can enable/disable the card elements if needed:

* Show tags: Display relevant tags of the blog post
* Show published date: Display the date that the blog is issued
* Show excerpt: Display a short summary of the blog
* Show read more link: Lead the customers to the full blog post

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FTLzuJa8EWfGVlivhAnrE%2FScreen%20Shot%202021-10-13%20at%2020.43.24.png?alt=media\&token=08f1c9d0-eff5-402c-9be2-2bb15ba94e11)

## **Button settings**

Display a call-to-action button to redirect customers to your desired pages. Add a **Label** and **Link** for one or both, then choose a **Button style** and adjust the **Button size.**

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FvEXThMLRTYP8LeXKH1gg%2Fimage.png?alt=media&#x26;token=6f562c30-4fa8-4188-933b-532f2f17f35e" alt=""><figcaption></figcaption></figure>

This button can be positioned on the header on both desktop and mobile.

For example:

{% tabs %}
{% tab title="On Desktop" %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FaTFk380g4W2qvsn3X26w%2Fimage.png?alt=media&#x26;token=8fd26d87-b428-4724-ab13-afa0a4c3bb4d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="On Mobile" %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FIG4guSU6my1KYhXkf15W%2Fimage.png?alt=media&#x26;token=02b46096-ced2-43ca-b4f0-afdd4b8e9876" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
