Getting started: How to create a Blog Post Layout?
In this page, we will talk about creating a Blog Post Layout in Bloggle, covering how to customize elements such as the title, image, sidebar, labels, and settings for the article, including the addition of custom CSS.
Video
Step-by-step demo
1. Click on Layout & Styles on the top right corner then Blog post Layout
![](https://assets-global.website-files.com/65ccc67db80f46e345eeb46d/65d3777714adf58b597d9986_BlogPostLayout.png)
Blog Post Layout page
"Title and Information" is the first section, here you can change :
- The position of the Title
- What information you want to display : Author, Time to Read, Date and Tags
![](https://assets-global.website-files.com/65ccc67db80f46e345eeb46d/65d377ebed485e2de3e15796_BlogPostLayout1.png)
"Image" is the second section, here you can change :
- The size of the image
- The position of the image
![](https://assets-global.website-files.com/65ccc67db80f46e345eeb46d/65d377f3ca6650eaace60c79_BlogPostLayout2.png)
"SideBar" is the third section, here you can change
- If you want to display the sidebar or not
- The style and position of the sideBar
- If you want to show a related product or the latest news
![](https://assets-global.website-files.com/65ccc67db80f46e345eeb46d/65d3782c9d7042d570d36e44_BlogPostLayout3.png)
"Labels" is the fifth section, here you can change
- Every label you can find in the page, from the sidebar to the comment and the text before the author
![](https://assets-global.website-files.com/65ccc67db80f46e345eeb46d/65d37834652f83dc2c0dad60_BlogPostLayout4.png)
"Settings" is the last section, here you can change
- The width of the article and add Custom CSS
![](https://assets-global.website-files.com/65ccc67db80f46e345eeb46d/65d3783b1a5ad48e971e5ea8_BlogPostLayout5.png)
![](https://assets-global.website-files.com/65ccc67db80f46e345eeb46d/65d3309c602fc17814043c20_Photo%20moi%20car.png)