Change Sidebar position Left or Right on Blogger Template

Spice up blogger template according to the requirement of the webmaster is a good idea. To attract the visitors or to adjust the widgets or to add any relevant advertisements to earn money online for selling adspace then it use bloggertricks to adjust the sidebars of blogger template.

Today in this article we are sharing a simple trick of CSS code to change position of sidebar wrapper and main wrapper of blogger template. If you really serious about to change sidebar position from left to right then don’t forget to backup your template if any thing goes wrong you can reuse it again.
Let’s begin tutorial for changing position of blogger sidebar or mainbars.

Sign into your blogger account
Select ‘Template’ link tab
Click on ‘Edit HTML’ link tab
Now search for code below for mainbar position change

#main-wrapper {
float: left;
width: 600px;
margin: 0;
padding: 0;
}

Simply replace float: left with float: right

Now search for code below for change position of sidebar
#sidebar-wrapper {
float: right;
width: 320px;
margin: 0;
padding: 0 20px 10px;
display: inline;
}

Simply replace float: right with float: right

To check your experiment go to ‘Layout’ link tab, if it is ok then ‘Save your Template’