Creating Sidebar below sidebar

 100 % working - can't afford demo

Okay, in our previous tutorial we saw how we gonna create a new side bar,
click here for the tutorial , how about creating a sidebar below another sidebar? , yup its possible you can create a sidebar anywhere you want.  here i gonna tell about creating  two sidebars below the default sidebar.To create one Please follow the steps given below with at-most concentration..

Step 1: Save your Template before you try something, it will help you when something goes wrong with your editing.


Step 2:  press Ctl+f and search for this code in your edit html section

#sidebar-wrapper { width: 220px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

And paste this code exactly below the above code:

#sidebar-wrapper2 { width: 110px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */  width: 50%;}

Step 3: this is another important step follow it strictly, search for code that looks like this or exactly this

<div id='main-wrapper'>  This code defines the div for the main wrapper, some times it will be called in a different name in other templates

And paste the code geven as it is,  

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

Step 4: follow the step 2 &3 to create another except change the sidebar-wrapper name as 3, but make sure that you paste both sidebar-wrapper2 and 3 below the main sidebar-wrapper1


Thats it...