How to Create or Add Two Columns at Sidebar in Blogger

Here in this article Blogtariff is going to educate you “How to modify your Blogger Template” by adding Two columns at Sidebar. This type of modification is really useful for adding Google Adsense Script code for ads or showing links posts or other widgets side by side. Let’s begin the tutorial for adding or creating two columns.

How to Create Two columns at Blogger Sidebar?

Login to your blogger account
Click on “Template” link tab
Click on “Edit HTML” link tab
Note: Before you implement this experiment backup your template if anything goes wrong you can reuse it again)
Step One:
Now search for code

<div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section>
</div>

After finding code copy the below code and paste between </b:section> and </div>
Example as shown below

Step Two:-
Now search for code

]]></b:skin>

• After finding code copy the below code and paste above to it

#magazine-left4 {
width: 49%;
float: left;
}
#magazine-right4 {
width: 49%;
float: right;
}

Now, “Save Your Template”
Now Click on “Layout” link tab
You’ll see two columns added as shown in the image below

Authors Note:

If you feel any difficulty by adding code in your template bring to us via comments we try for you.
Don’t forget to Like our Facebook page and Subscribe to us if you really enjoyed.