How to add Two Columns below Sidebar blogger

Today we bring you all new great features about blogspot blogging starting with the sensational adding two column sidebar below a sidebar. You might also like Get the most Stylish & impressive Three Column Footer in Blogger.

Split two column under sidebar is very easy. All you have to do is need to add some css and html code in your template. Backup your template or use a test blog for this trick.

So get down with these steps and get 2 new sensational sidebar below a sidebar.

Log in blogger and go to Layout———-> Edit HTML

find out this line from ur blog template

]]></b:skin>

Paste the below code just before the above one

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

Go to lower side and find the code like this :

<div id='sidebar-wrapper'>
  <b:section class='sidebar' id='sidebar'
preferred='yes'>
<b:widget id='Feed2' locked='false'
title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false'
 title='Labels' type='Label'/>
</b:section>
  </div>

Now add below code between  </b:section>  and  </div>

<b:section class='sidebar' id='magazine-left4'
 showaddelement='yes'>
<b:widget id='Text514' locked='false'
title='Column 1' type='Text'/>
</b:section>

<b:section class='sidebar' id='magazine-right4'
 showaddelement='yes'>
<b:widget id='Text524' locked='false'
 title='Column 2' type='Text'/>
</b:section>

<div style="clear: both;"></div>

Now save your template and you are done, your sidebar should like this.

How to add Two Columns below Sidebar blogger

We hope this article helped you. Do pour your comments on it.

Get all Blogging Tips & Tricks, ideas, Wordpress Hacks & Tricks, Social media optimization, SEO, Online money. Just subscribe with your email id HERE.

2 Comments

  1. oto says:

    Works very fine for me! Thanks alot. You are really nice.

  2. thanks for this great help i was desparately looking for it

0 Trackbacks

Leave a Reply

Your email address will not be published. Required fields are marked *

*