> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/flute-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/flute-documentation/sections/blog-posts.md).

# Blog posts

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

The blog section is for showing blogs and users can also use this to upload information about the theme’s latest collection and news.

{% hint style="info" %}
**Recommendation Size**\
Blog article image size: 1920x600
{% endhint %}

To add a Blog, go to **Blog posts > Add blog post** Add multiple blogs.

<figure><img src="/files/tj9L8VClYkKRz65C2kLe" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Section</th><th>Description</th></tr></thead><tbody><tr><td>Layout</td><td><p>Customization of the "Layout" in this section is as follows:</p><ul><li>Grid</li><li>Compact</li></ul></td></tr><tr><td>Heading</td><td>Enter text to display as a main heading of the section. </td></tr><tr><td>Description</td><td>Enter text to display as a description of the section. </td></tr><tr><td>Column display limit</td><td>"Column display limit" is to customize the column on the desktop screen. You can show a minimum of “1” and a maximum of “5” blog posts. When "Layout" is set to "Compact", this feature works with a maximum of 4 columns.</td></tr><tr><td>Display type</td><td><p>Customization of the "Display type" in the blog posts is as follows:</p><ul><li>Grid</li><li>Carousel</li></ul></td></tr><tr><td>Date/comment position</td><td><p>Customization of "Image position" in blog post section is as follows:</p><ul><li>On image</li><li>Bottom image</li></ul></td></tr><tr><td>Show featured image</td><td>By enabling this checkbox you can show the “Blog image” in the section.</td></tr><tr><td>Featured image height</td><td><p>In the section, Image height customization is as follows.</p><ul><li>Adapt to image</li><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Image position</td><td><p>Customization of "Image position" is as follows:</p><ul><li>Top</li><li>Bottom</li></ul></td></tr><tr><td>Show date</td><td>By enabling this checkbox you can show “Blog date” in the section.</td></tr><tr><td>Show author</td><td>By enabling this checkbox you can show “Blog author” in the section.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr><tr><td>View all button</td><td><p><strong>Enable view all button</strong></p><p>By enabling this checkbox, you can see "View all blogs" button, if blog includes more blog posts than shown.<br></p><p><strong>Label</strong> </p><p>Use "Label" to add a label to the view all button in the section. </p><p></p><p><strong>Link</strong> </p><p>Use "Link" to add a link to the view all button in the section.</p></td></tr></tbody></table>

<figure><img src="/files/pkfU3fjzCjt7w5UIww3I" alt=""><figcaption></figcaption></figure>

## Add Blog Post

To add blog artical to the blog post section, click on the 'Add Blog Post'. There are many options available similar to the Blog artical, as you can see in the below points and screenshot:

<table><thead><tr><th width="272">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Select article</td><td>Use this to select blog artical for blog post section.</td></tr><tr><td>Author image</td><td>Use this settings to add Author image in blog artical.</td></tr><tr><td>Badge</td><td><p><strong>Name</strong> </p><p>Use "Name" to enter a text to display as a badge in blog artical.</p><p></p><p><strong>Enable badge background</strong></p><p>Enable this checkbox to show background of blog artical badge.</p><p></p><p><strong>Badge background color</strong> </p><p>Use this settings to set badge background color.</p><p></p><p><strong>Badge text color</strong> </p><p>Use this settings to set badge text color.</p></td></tr></tbody></table>

<figure><img src="/files/7DTAO6yNSafVFIHFTOPV" alt=""><figcaption></figcaption></figure>
