How to Create/Add Multiple Columns in Blogger Posts?

In this post, we will help you Create MULTIPLE COLUMNS in Blogger Posts. You can split your Blogger Content into Multiple COLUMNS-like Newspaper styles.

We have a Ready-made Code for creating MULTIPLE COLUMNS in Blogger Posts. You can easily divide your Blogger Posts into Multiple Columns with our Ready-made code.


Let’s See the DEMO of MULTIPLE COLUMNS in Blogger Posts:-

Now Let’s learn to Add/Create Multiple COLUMNs in Blogger Posts:

#1. First of All, Download the Ready-made Code Notepad file to Create Multiple Columns in Blogger Posts.

We have Readymade CODE to Create up to 4 Columns. You can create either 2 or 3 or 4 columns with our Ready-made Code.

Click Here to DOWNLOAD Code Notepad File to add MULTIPLE COLUMNS in Blogger Posts.


#2. There are 2 Parts of CODE in the Notepad File. Open the CODE Notepad File to CUSTOMIZE it if needed. You can change the spacing between COLUMNs if needed in 1st Part of the Code.


#3. Now, let's add the CODE in our Blogger.

#A. For 1st Part of CODE:

1st Part of Code should be added in Blogger HTML View Just Above or Before:

]]></b:skin>

Open Blogger, Go to Theme Option and then go to EDIT HTML option. Then PASTE your Code there Just Above or Before: ]]></b:skin>

#B. For 2nd Part of CODE:

2nd Part of the Code should be Pasted in Blogger POST’S HTML View. There are 3 Types of Code in 2nd part of the Code. They are for creating either 2 Columns or 3 Columns, or 4 Columns.

You can use any of the 2nd Part CODE, either for creating 2 Columns or for 3 columns or for 4 columns according to your wish.

Code Samples:

1. For Creating 2 Columns:

<div class='multiple-para'>
<div class='column-2'>This is the first column, Type Your Text Here.</div>
<div class='column-2'>This is the second column, Type Your Text Here. </div>
</div>

2. For Creating 3 Columns:

 
<div class='multiple-para'>
<div class='column-3'>This is the first Column, Type Your Text Here.</div>
<div class='column-3'>This is the second Column, Type Your Text Here.</div>
<div class='column-3'>This is the third Column, Type Your Text Here.</div>
</div>

3. For Creating 4 Columns:

<div class='multiple-para'>
<div class='column-4'>This is the first column, Type Your text Here.</div>
<div class='column-4'>This is the second column, Type Your text Here.</div>
<div class='column-4'>This is the third column, Type Your text Here.</div>
<div class='column-4'>This is the fourth column, Type Your text Here.</div>
</div>

 

You can PASTE the Above Code in Blogger Post HTML View and then Edit the TEXT between <div> tags. Or you can PASTE the Above Code in Notepad File, EDIT the Text between <div> tags, and then only PASTE it in Blogger POSTs HTML View.


#4. Now SAVE the Blogger Post, and then it’s done to Create MULTIPLE COLUMNS in Blogger Posts.

Congratulations, you just Learnt to Add MULTIPLE COLUMNs in Blogger Posts.

Also, Watch our Video for Step by Step Guide to Add Multiple Columns in Blogger Posts:-