The Blogfeed element is a tool which automatically displays&nbsp;news previews. It is a very useful element if you are <a href="https://help.sitedu.de/articles/blog-articles-f0a2d0-671d5" rel="noreferrer" class="PlaygroundEditorTheme__link">creating a blog or presenting news</a> in a company. &nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Add a blogfeed to your website</h2>A Blogfeed can be added to your website through the&nbsp;toolbar on the left side of the builder. Select blogfeed icon and move it to your website.&nbsp;<img src="https://help.webwave.me/lib/dkwr2z/blogfeed-l9mx3dyw.png" alt="" width="inherit" height="inherit">&nbsp;A Blogfeed added to your website&nbsp;will automatically be filled with exemplary news. You will see an&nbsp;exemplary thumbnail, an article title&nbsp;and its preview. When you add real articles to your website, they will replace the exemplary ones.&nbsp;&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Blogfeed settings.</h3>Change blogfeed settings in the side edition panel,&nbsp;there&nbsp;you can set:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Category&nbsp;- articles with only a certain category will be displayed in a blogfeed (one can choose only one category).</li><li value="2" class="PlaygroundEditorTheme__listItem">Sort order&nbsp;- the way&nbsp;articles should be sorted: by date (oldest/newest first) or&nbsp;alphabetically.</li><li value="3" class="PlaygroundEditorTheme__listItem">News number- the number of news displayed on a&nbsp;newsfeed and its quantity in&nbsp;a&nbsp;row. For example, if we set news number to 6 and rows to 3, newsfeed will have two rows with three&nbsp;articles in each one.&nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">Vertical/horizontal spacing&nbsp;- Spacing in pixels between news shortcuts. Vertical and horizontal spacing can be set separately.</li><li value="5" class="PlaygroundEditorTheme__listItem">Words&nbsp;- the&nbsp;number of the first words in an&nbsp;article which will be displayed in news shortcut.</li></ul>&nbsp;&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Visible elements.</h3>You can additionally set:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Show preview&nbsp;- shows whether an&nbsp;article preview should be displayed and how many words it is supposed to have.</li><li value="2" class="PlaygroundEditorTheme__listItem">Thumbnail&nbsp;- shows whether articles miniatures should be displayed in the&nbsp;blogfeed. You can also set the way&nbsp;a&nbsp;picture &nbsp;fits&nbsp;the frame - will it fit or be cropped. What is more, in the Thumbnail section you can set an image alignment. By default, the&nbsp;picture is on the left side of the&nbsp;newsfeed, but you can simply move it to the right side, above or under the&nbsp;text.</li><li value="3" class="PlaygroundEditorTheme__listItem">Pagination&nbsp;- allows you to display in blogfeed more articles than if they were displayed on only one page. For example, &nbsp;you set only 6 articles to be displayed in newsfeed , but&nbsp; in overall you created&nbsp; about 15 articles , then with help of pagination our newfeed will have three pages, so all the articles will be displayed in 3 pages.&nbsp;If you&nbsp;remove pagination,&nbsp;newsfeed will contain the newest articles only.&nbsp;</li><li value="4" class="PlaygroundEditorTheme__listItem">Read more&nbsp;- shows whether&nbsp; the "Read more" button at the bottom of the article preview should be displayed. If it is not, a&nbsp;user can still access the article&nbsp;by clicking on its title or miniature.</li><li value="5" class="PlaygroundEditorTheme__listItem">Date&nbsp;- shows whether a date of creation of an article should&nbsp;be displayed.</li></ul>&nbsp;&nbsp;<h3 class="PlaygroundEditorTheme__h3" dir="ltr" style="text-align: start;">Create news</h3>In this section&nbsp;you can easily create a new article or display the articles&nbsp;list&nbsp;in your blogfeed.&nbsp;&nbsp;<h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Change the blogfeed style</h2>You can customize the blogfeed style in the SiteDu.de builder just as easily as changing any other element. To modify an article title, simply double-click on it. Going forward, all changes will be directly applied to elements outlined by a blue frame.&nbsp; <h2 class="PlaygroundEditorTheme__h2" dir="ltr" style="text-align: start;">Change content</h2>The Blogfeed displays previews of already existing articles. If you want to change the title of some article, you can't do it directly in &nbsp;blogfeed. You would need to edit this particular article and changes will be automatically applied&nbsp;in the blogfeed.

Learn how to display articles of your blog in the blogfeed element of the SiteDu.de builder

The Blogfeed element is a tool which automatically displays news previews. It is a very useful element if you are[creating a blog or presenting news](https://help.sitedu.de/articles/blog-articles-f0a2d0-671d5) in a company.

## Add a blogfeed to your website

A Blogfeed can be added to your website through the toolbar on the left side of the builder. Select blogfeed icon and move it to your website.

![](https://help.webwave.me/lib/dkwr2z/blogfeed-l9mx3dyw.png)

A Blogfeed added to your website will automatically be filled with exemplary news. You will see an exemplary thumbnail, an article title and its preview. When you add real articles to your website, they will replace the exemplary ones.

### Blogfeed settings.

Change blogfeed settings in the side edition panel, there you can set:

* ****Category****\- articles with only a certain category will be displayed in a blogfeed (one can choose only one category).
* ****Sort order**** - the way articles should be sorted: by date (oldest/newest first) or alphabetically.
* ****News number****\- the number of news displayed on a newsfeed and its quantity in a row. For example, if we set news number to 6 and rows to 3, newsfeed will have two rows with three articles in each one.
* ****Vertical/horizontal spacing**** - Spacing in pixels between news shortcuts. Vertical and horizontal spacing can be set separately.
* ****Words**** - the number of the first words in an article which will be displayed in news shortcut.

### Visible elements.

You can additionally set:

* ****Show preview**** - shows whether an article preview should be displayed and how many words it is supposed to have.
* ****Thumbnail**** - shows whether articles miniatures should be displayed in the blogfeed. You can also set the way a picture fits the frame - will it fit or be cropped. What is more, in the Thumbnail section you can set an image alignment. By default, the picture is on the left side of the newsfeed, but you can simply move it to the right side, above or under the text.
* ****Pagination**** - allows you to display in blogfeed more articles than if they were displayed on only one page. For example, you set only 6 articles to be displayed in newsfeed , but in overall you created about 15 articles , then with help of pagination our newfeed will have three pages, so all the articles will be displayed in 3 pages. If you remove pagination, newsfeed will contain the newest articles only.
* ****Read more**** - shows whether the "Read more" button at the bottom of the article preview should be displayed. If it is not, a user can still access the article by clicking on its title or miniature.
* ****Date**** - shows whether a date of creation of an article should be displayed.

### Create news

In this section you can easily create a new article or display the articles list in your blogfeed.

## Change the blogfeed style

You can customize the blogfeed style in the SiteDu.de builder just as easily as changing any other element. To modify an article title, simply double-click on it. Going forward, all changes will be directly applied to elements outlined by a blue frame.

## Change content

The Blogfeed displays previews of already existing articles. If you want to change the title of some article, you can't do it directly in blogfeed. You would need to edit this particular article and changes will be automatically applied in the blogfeed.

The Blogfeed element

Got a builder package? Learn how to use it and how to edit your content

Was this article helpful?