How to Set Line Spacing and Paragraphs of Blog Posts to be Scannable

Daftar Isi

A blog post or article should be easy to scan (scannable) and easy to read so that it is user friendly.

Here's how to adjust the line spacing and paragraphs of a blog post to meet the readability aspect.

The manuscript or text presented should not be too tight, nor too loose. Spacing or distance between words, sentences, and lines is the key.

There are two things that must be considered, namely the distance between lines of sentences and between paragraphs (paragraphs).

Also make sure that in one paragraph a maximum of five lines, as the results of the NN Group study on the appearance of a good script for the website, in addition to using left-aligned.

Setting Line Spacing

Line spacing is the distance between which consists of several lines in a text.

How to set line spacing in blog posts is in .post-body, .post-entry, .enty-item, or #post-body code. Generally it's .post-body.

In that post-body CSS code there is a line-height code. In this code, the spacing between lines is done by entering the numbers 1 to 2. Usually a minimum of 1.4 and a maximum of 1.6.

Example:

.post-body {font-size:14px;line-height: 1.4;color:#333333)

Adjusting the Spacing Between Paragraphs

In addition to the distance between lines, there is also the distance between paragraphs or between paragraphs. The space between paragraphs is known as "white space" in the way of writing in online media.

How to adjust the distance between paragraphs is actually automatic by setting the distance between the lines above.

However, to ensure or differentiate, the spacing code between paragraphs in a blog post is a p code (paragraph).

We can customize the spacing between these paragraphs with code like this:

.post-body p {line-height:1.4em;}

Save it above the </b:skin> code or below the post-body CSS code in the blog template.

That's how to set line spacing and blog posts to be scannable.

Good Luck and Happy Blogging!