# Install Layout

## How to add a Blog?

1. Go to **Online Store** -> **Blog posts**.
2. Click **Manage blogs**. After that, click **Add blog.**
3. Enter a title the blog.
4. Click **Save**.
5. Optional: To make a published blog appear in your online store navigation, [add a link](https://help.shopify.com/manual/sell-online/online-store/menus-and-links/#add-a-menu-item) to it in a menu.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FcRecxtMGPB4kHv1JxYqj%2Fhow-to-create-blog.gif?alt=media&#x26;token=d39ebc28-8572-4404-985e-beb2689dc6a3" alt=""><figcaption></figcaption></figure>

### How to setup Blog Layout? <a href="#how-to-setup-blog-layout" id="how-to-setup-blog-layout"></a>

1. Go to **Online Store** -> **Blog posts**.
2. Click **Manage blogs**.
3. Find and click the blog post that you want to edit.
4. Choose template from **Theme template**.
5. Click **Save**.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FrvY2FauhYnNvlGrhsWeD%2Fimage.png?alt=media&#x26;token=a5286132-55be-46e0-aee9-c76b10150d24" alt=""><figcaption></figcaption></figure>

### How to setup section for Blog?

1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Blogs** from the dropdown window -> Choose **Default Blog**, **Simple Blog, Balance Blog**.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FDONNKlxZQyTusoeh4321%2Fchange-blog-layout.gif?alt=media&#x26;token=5a7bec32-b881-419d-a1b9-0da00b311a73" alt=""><figcaption></figcaption></figure>

***

#### 01: Apply Preset data for Blog Layouts: <a href="#id-01-apply-preset-data-for-product-layouts" id="id-01-apply-preset-data-for-product-layouts"></a>

1. Please click the [file to download](#product-demo-1) the corresponding *"json"* of the layout you want.
2. Download the selected preset.
3. Open downloaded file in the text editor.
4. **SELECT ALL** and **COPY**.
5. From your Shopify admin, go to **Themes ->** **Actions** **->** **Edit Code.**

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FJC52Sg0k4le7L0nltUyn%2Fimage.png?alt=media&#x26;token=7b37e358-b720-468c-b2d2-6260b5c7e610" alt=""><figcaption></figcaption></figure>

6. Find folder **Templates** **->** Open file **blog.json** **->** **SELECT ALL** and **DELETE**. **PASTE** the copied preset from the external file.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F6d7UwsaeD8MhcXXeYzmR%2Fimage.png?alt=media&#x26;token=0f21953d-e635-45b4-a851-f722e7c1783a" alt=""><figcaption></figcaption></figure>

### Blog Demo <a href="#product-demo" id="product-demo"></a>

1. Blog Layout 01 - Classic
2. Blog Layout 02 - Simple
3. Blog Layout 03 - Balance
4. Article Layout 01 - Classic
5. Article Layout 02 - Article with product

### Presets For Blog <a href="#product-demo" id="product-demo"></a>

<table><thead><tr><th>Product Layout Demo</th><th data-type="files">product.json</th></tr></thead><tbody><tr><td>Blog Layout 01 - Classic</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FkRlLuB5QvaI9lquazJtG%2Fblog-classic.json?alt=media&#x26;token=a24eefe8-202b-492b-b545-15d899bfe0de">blog-classic.json</a></td></tr><tr><td>Blog Layout 02 - Simple</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F3Y34iUt0UID64B5Cia6G%2Fblog.blog-simple.json?alt=media&#x26;token=d1215747-70c2-4e1d-8f51-d80a61ae9cc0">blog.blog-simple.json</a></td></tr><tr><td>Blog Layout 03 - Balance</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FOS1VQtAjxngmv4xbOOeM%2Fblog.blog-balance.json?alt=media&#x26;token=bfcbd6cd-87eb-42da-80be-df7c809bd900">blog.blog-balance.json</a></td></tr><tr><td>Article Layout 01 - Classic</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F33aSesfqMIgnJiHShNVB%2Farticle-classic.json?alt=media&#x26;token=91bf0948-b289-4768-84e8-a49e8133e1c2">article-classic.json</a></td></tr><tr><td>Article Layout 02 - Article with product</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FmjU8Qqa4KlKUEsGACQPw%2Farticle.article_with_product.json?alt=media&#x26;token=4ef25431-3220-4438-9c02-6ffc38d78412">article.article_with_product.json</a></td></tr></tbody></table>

#### **Zero design skills? Create professional mockups, logos & videos for your store in seconds.** [<mark style="color:orange;background-color:blue;">Create... in seconds</mark>](https://1.envato.market/c/3093631/377371/4662)

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2Fl4PkIem1meu421fRe5B0%2FTopAffiliate-General-970X250.jpeg?alt=media&#x26;token=108d6390-18e6-40c5-92cd-8c8df3419633" alt=""><figcaption></figcaption></figure>