Add Two Columns to blogger Sidebar

How To Add Two Columns to blogger Sidebar

1. Log in to your dashboard--> layout- -> Edit HTML

2. Scroll down to where you see like this code.

<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>

3. 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>

Look at the picture below.

4. Now Find below code.

]]></b:skin>

5. Add below code before  ]]></b:skin>  tag.

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

Note : You can change values of width,as your choice.

6. Now save your template and you are done.It look like this.