# Template: Blog Post

{% hint style="info" %}
**Template -> Blog post**
{% endhint %}

## Layout

**Top spacing**

Top spacing can be changed to **Small**, **Medium,** and **Normal**. The value for each option on the desktop and mobile can be specified in pixels by adjusting the Section top spacing settings under Theme settings -> Layout. If you do not need space, choose **None**.

**Desktop width**

Adjustable between 640px and 1280px.

**Heading alignment**

Align the heading to either the **left** or **center**.

***

## Featured image

To display an image, enable the **Show featured image** option. Ensure an image is set for each blog in the backend. Go to Shopify admin > Content > Blog posts, and select the **Featured image**.

***

## Post

**Show tags**

The blog tags will be shown, once you enable the option. You can add tags to each blog in your admin.

**Show date**

This option enables showing the publication date of blog posts.

**Show author**

Enable the option to display an author.

***

## Share

Input Title for Share Button in the **Text** field. To delete a button, leave the field blank.

{% hint style="info" %}
If you include a link in social media posts, the page’s featured image will be shown as the preview image. [Learn more](https://help.shopify.com/en/manual/online-store/images/showing-social-media-thumbnail-images).

A store title and description are included with the preview image. [Learn more](https://help.shopify.com/en/manual/promoting-marketing/seo/adding-keywords#set-a-title-and-description-for-your-online-store).
{% endhint %}

Here are examples of how the Blog Posts page might appear on both desktop and mobile devices:

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

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FtO0uME4QeK43RAG0JWR7%2Fpost_desc.png?alt=media&#x26;token=ea6f45cf-ac12-4643-873e-e9f8d7722333" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FjBm7GGZdNAlUCcuc8Wtg%2Fpost_mob.png?alt=media&#x26;token=5fbdfe93-1a9d-4654-8f02-d13784cfc721" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
