A few days ago @thebluewin wrote an interesting article about how to use tags for posts in order to structure and organize them well. As I spend a lot of time trying to find good content, I keep thinking about the characteristics of good posts. Of course one thing is the content itself. But I noticed that I was more willing to give a 100% upvote to a post that was not only written well but also structured well and visually appealing than to a post with a 500 words paragraph. So how do we create blogposts that are not only valuable for their content but are also easy to read and pleasant to look at?
Paragraphs and headlines
To make a post easily understandable it is best to create paragraphs that are not too long and only focus on one aspect. Find a suitable headline for the paragraph and make the heading visible by using the html code
<h2>YOUR HEADLINE</h2>
If you want to divide your paragraph into several parts, you can use smaller headlines for each part. Just use h3 in the brackets instead of h2.
Highlighting, underlining, listing …
Now that the text consists of several parts, we can decide if we want to highlight some phrases by printing them fat or underline them. If you want this to be printed fat you have to use this code:
<strong>YOUR TEXT</strong>
It works the same for underlining parts. Just replace strong with u.
<u>YOUR TEXT</u>
Sometimes you might want to create a list to summarize important points. A list could possibly look like that:
- u for underlining
- strong for fat
- del for
cross out - i for italic
To create a list you want to use this code:
<ul>
<li>FIRST POINT ON THE LIST</li>
<li>SECOND POINT ON THE LIST</li>
<li>AND SO ON</li>
</ul>
Pictures, videos, gifs
To visualize your posts you can integrate pictures, gifs or videos. Depending on your content you can either use your own and original pictures, or you can try to find license free pictures on websites like pixabay.com. If you write a game review you can use screenshots from the game. If you write about your sunday morning walk in nature, why not take some pictures to show others the beautiful landscape. If you use non original pictures I’d recommend to always link the source.
Page dividers
Those simple little lines can also be a great tool to divide the paragraphs from each other. You can use the html code
<hr/>
to create a fine standard divider. The ones I used in my post are from @javehimself. You can find a collection of beautiful and colorful dividers in this post.
If you can think of anything I forgot to mention in my post, please feel free to add it in the comments.
Cheers
auminda