Change the Location of your Sidebars

Most of us browse through a number of templates everyday. We like many templates, but sometimes we reject them because the position of sidebar is not favourable for us. But with this post of mine you won't reject those templates. With this simple trick which involves no coding at all you can adjust your sidebars whichever way you want.

Please have a look at the section of your blog template, which determines the position of your sidebars:



Here, the section which comes first i.e <div id='side-wrapper1'> is the sidebar in the left of our blog's body.
The sections which comes next is <div id='main-wrapper'> is your blog posts and the widgets above/below it. (MAIN is for your blog posts)
The last section is <div id='side-wrapper2'> . This represents your 2nd Sidebar at the right of your Blog's Body.

Hence the section at the top in the HTML codes presents your leftmost section of the blog body.

Hence, you can Cut & paste the code chunk from top to bottom according to your needs.

For reference this is an example of a SideBar1-Posts-Sidebar2 Formatted template

<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='Profile1' locked='false' title='Contributors' type='Profile'/>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='HTML20' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Subscribe Via Email' type='HTML'/>
</b:section>

Now this is an example of Posts-Sidebar1-Sidebar2 Formatted Template

<div id='main-wrapper'><b:section class='main' id='main' preferred='yes'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section></div>


<div id='side-wrapper1'><b:section class='sidebar' id='sidebar1' preferred='yes'><b:widget id='HTML16' locked='false' title='' type='HTML'/><b:widget id='Profile1' locked='false' title='Contributors' type='Profile'/></b:section></div>


<div id='side-wrapper2'><b:section class='sidebar' id='sidebar2' preferred='yes'><b:widget id='HTML16' locked='false' title='' type='HTML'/><b:widget id='Profile1' locked='false' title='Contributors' type='Profile'/></b:section></div>

I hope you would have understood what to do. But keep these things in mind.

• Do not check the 'Expand Widget Templates' Checkbox
• While searching for the codes type only the following part <div id='side-wrapper2'> .
• And do remember to follow my Blog and spread a god word for me of youfound this post useful.