# Blog Post Layouts

## **Customize Layouts for Blog:** <a href="#customize-layouts-for-blog" id="customize-layouts-for-blog"></a>

### **1. Customize Layout for Single Post** <a href="#id-1-customize-layout-for-single-post" id="id-1-customize-layout-for-single-post"></a>

Check here and see the [post detail](http://demo2.themelexus.com/medilazar/know-all-about-robotic-knee-replacement-surgery/) with sidebar:

![](https://2600281318-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXkPsMXnduuRoXdfyg-%2F-MZMsmfuN6JbCaJl1L1q%2F-MZMsz_l8vXU9C3JCMbZ%2Fimage.png?alt=media\&token=c2edec6b-4942-4191-87de-c99c5a979817)

### **Add Sidebar Layout for Single Post:** <a href="#add-sidebar-layout-for-single-post" id="add-sidebar-layout-for-single-post"></a>

**Admin -> Appearance -> Customize -> Widget**

Here you can drag n drop the available widgets such as **Search, Category, Recent Posts, Tag Cloud** to **"Single Posts Sidebar"**

![](https://2600281318-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXkPsMXnduuRoXdfyg-%2F-MZMt0qR9DE8H50pVJG-%2F-MZMtGjzJBkInabsB2mD%2Fimage.png?alt=media\&token=444f498f-4828-4480-af00-a4fdb130b20e)

### 2. Add Sidebar Layouts for Blog Page <a href="#id-2-add-sidebar-layouts-for-blog-page" id="id-2-add-sidebar-layouts-for-blog-page"></a>

**Admin -> Appearance -> Customize -> Widget**

Same steps you can edit drag n drop widgets to setup layouts for blog category.

After setting, you will see the layout for blog page:

![](https://2600281318-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXkPsMXnduuRoXdfyg-%2F-MZMt0qR9DE8H50pVJG-%2F-MZMtL0roU4yCSl_IjX3%2Fimage.png?alt=media\&token=d24be074-31e4-444a-ad33-ae8532f968b2)

### **3. Customize sidebar on Left/Right:**  <a href="#id-3-customize-sidebar-on-left-right" id="id-3-customize-sidebar-on-left-right"></a>

#### **Dashboard -> Customize -> Blog -> Archive** <a href="#dashboard-greater-than-customize-greater-than-blog-greater-than-archive" id="dashboard-greater-than-customize-greater-than-blog-greater-than-archive"></a>

* Sidebar position: Set left/right sideba&#x72;**:**&#x20;

![](https://2600281318-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXkPsMXnduuRoXdfyg-%2F-MZMt0qR9DE8H50pVJG-%2F-MZMt_i5fY2M2XMrGSS7%2Fimage.png?alt=media\&token=24f628fa-2890-4477-97c9-4a6fba5a336c)

Then the sidebar displays at frontend.

![](https://2600281318-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXkPsMXnduuRoXdfyg-%2F-MZMt0qR9DE8H50pVJG-%2F-MZMtwT9DXR3wB9R7XG8%2Fimage.png?alt=media\&token=c6ecb8df-fb48-4343-a262-cbc6c3ad63c1)