Check out:
Graphic Design Course Video Lectures in Urdu
Freelancing Course Video Lectures in Urdu
![]() |
| Add Multiple Column in a Blogger Post |
We often publish textual contents by using the simple and one column method. However, have you ever wondered how to write your articles in multiple columns? You can compose your blog posts in various columns like two columns, three columns and even in four columns just with a piece of CSS code. It will not only decorate your article but will also make it easy to understand the topics in a different style.
Read Also:
How to Create Separate AMP Pages On Blogger [AMP Plugin]
How to Safely Remove The Footer Credit Links in Blogger
Why Use Multiple Column Paragraph to a Blog Post?
In my honest opinion, the multiple columns are the best way to describe the things more clearly. For example, you are going to distinguish the two topics A and B. You can directly apply the two column style to make it effortless and understandable. This trick works in both WordPress and BlogSpot as well.
Steps to Add Multiple Column to a Blog Post:
1:-Login to your BlogSpot Dashboard > Theme > Edit HTML
2:-Click anywhere inside the theme editor
3:-Press Ctrl + F to open the theme search box
4:-Type ]]>/b:skin> or </style> in the search box and press Enter key
5:-Add the following CSS code right above the ]]>/b:skin> or </style>
Pay Attention:
DigiSkills All Batch Solved Exercises
DigiSkills All Batch Solved Quizez
6:-Click Save Theme and you are all set
7:-Now go to your post editor and click New post/page
8:-Switch to HTML mode and use one the following text column style
<div class='digitalspot-para'>
<div class='two-column'>This is the first paragraph</div>
<div class='two-column'>This is the second paragraph</div>
</div>
<div class='digitalspot-para'>
<div class='three-column'>This is the first paragraph</div>
<div class='three-column'>This is the second paragraph</div>
<div class='three-column'>This is the third paragraph</div>
</div>
<div class='digitalspot-para'>
<div class='four-column'>This is the first paragraph</div>
<div class='four-column'>This is the second paragraph</div>
<div class='four-column'>This is the third paragraph</div>
<div class='four-column'>This is the fourth paragraph</div>
</div>
9:-Fill the highlighted areas with your text
10:-Finally, click Publish and you are on the go
Recommended:
Download PPSC Lecturer/Subject Specialist Latest Books
Post your valuable comments and let us know your thoughts about this tutorial.

Comments are welcome! Share your thoughts below.
Post Comment