# Blog

### 1. Create blog data

* Please go to **Admin > Content > Articles > Add new**
* Create your blog articles
* Assign your articles to a "Blog" category

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FTGQiWNB2Oo9HYXcwSODx%2Fblog-article.jpg?alt=media\&token=e981fe70-bb66-46ee-9419-30dc8c7c6b97)

### 2. Create menu item "Blog"

* Go to **Admin > Menus > Main menu > Add new**
* Menu item type: **Articles » Category Blog**
* Choose a category: **Choose a category**
* Template style: **tz\_agruco - Default**

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FlxWXBO4K6ruwtHZqKxBT%2Fblog1-menu.jpg?alt=media\&token=c485e62b-66b6-4646-ac11-f92facffd8c2)

**2.1. Configure blog layout**

In the **tab "Blog Layout"**, you'll be able to configure options including Leading articles, Intro articles, columns, article order, and others.

* **Leading articles**: the number of the chief articles displayed on the blog page
* **Intro Articles**: the number of articles will be displayed on the page
* **#Columns**: the number of columns in which articles will be shown

{% tabs %}
{% tab title="First Tab" %}
![Blog style 1 layout options](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FsU1EtSE7B8UGFqTc77Kj%2Fblog1-bloglayout.jpg?alt=media\&token=19805bf0-17d6-46fb-a876-b5def6bceff9)
{% endtab %}
{% endtabs %}

**2.2. Configure Blog Options**

​In the tab "**Blog Options**", you'll be able to **adjust the image position of the lead article, and intro articles**. \
If you choose "Left" or "Right", you can also configure the image width options on different devices.

{% tabs %}
{% tab title="First Tab" %}
![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FISHfXV3VS1KFBiZ4CFA7%2Fblog1-options.jpg?alt=media\&token=0566ccd0-a6d8-451f-8483-fc232742a664)
{% endtab %}

{% tab title="Second Tab" %}
![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FX153tvhlQp2bEGnrtNg5%2Fblog2-options.jpg?alt=media\&token=e74c81ed-bd3b-4e3a-9e97-2ff23ccc93db)
{% endtab %}
{% endtabs %}

####  2.3. Additional Options

In the tab **"Options"**, you can configure additional options for showing or hiding the article's title, linked titles, published date, read more button, tag, author ...

![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FxNyaWpJf3HnWUMRDXkh2%2Fblog-option-tab.jpg?alt=media\&token=81c8aa67-ce4a-4197-8c11-23947af6d619)