Under the tab Content you select how the blog post is shown. You choose what you want to see and what it should look like. By default, the publish date, article image, article title, article content and comments are shown.
If you do not want to use these settings, you can change these by selecting content in the list and removing it with the X on the right or adding other content using the Add link. To change the order in the list, drag and drop the content to the correct location. You can add the following fields:
You can make settings for each content selected in the list. For example, on the Publish date, you can edit font or choose a different date format.
First select the Publish date from the list and double-click on the text. Now you can see and change settings for how dates are shown and behave.
Here you can set which font to show the date with.
Choose whether to insert a line break after the date or not. This is ticked by default.
Select the next value in the list, Article image (Metadata) ,
Here I choose to scale the image to max width 160 px.
Then I choose to set the alignment to the right.
Mark the next value in the list Article title (Metadata). This retrieves text from the text module Heading from the template.
Sets the font that you want the heading to appear with.
Here you can limit the number of letters in the text.
Select this and the Link to article option to always get a linked heading to the blog post.
Choose whether to insert a line break after the heading or not. This is ticked by default.
This retrieves text from the text module Content from the template. Remove it with the check box on the right (if you do not want to see more text from the blog post).
This retrieves text from the text module Description from the template.
Sets the font that you want the description to appear with.
If you use the Comments module together with the blog module, you can view the number of comments that are available for the blog post. You can only set the style sheet for comments and whether to insert a line break.
Under the velocity tab you can fill in the html code for what you want to achieve. For example, a border.
The result of these changes is that the following appears in the list under Content:
And the result online:
The page published: 2019-01-10