Shift Blogger Sidebar Position From Right To Left And Vice Versa

Mostly For Every Content based blog sidebar is very important part of blog. As our content required and cover large area approximate 60% region of our blog and other 10% cover by header part and 10% by footer and 20% by sidebar. This sidebar area is very important and helpful for placing social sharing plugins , Any Notice board or popular post series and also you can place any ad unit in sidebar. So it necessary to use sidebar position accurately and at right position depend on the category of blog.

In this tutorial i will try to explain you that how you can shift position of sidebar means if you feel that on bases of your blog your sidebar perform on right side better but your sidebar is already on left side then by using this method you can shift position from left to right Or if your blog already have on right side and you want to shift on left side then can also do the same by following same below method.

Note :- Before implementation of below code don't forget to backup your template from Backup/Restore button from template section And  This Blogger tutorial required little bit effort from your side also.

Steps of Moving Sidebar From Right To Left

• Go To Blogger Dashboard >> Then Template

• Click on Edit HTML

Now search code below code. Don't search exact these codes because these below code are example and code may appear like below codes.

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

If your find any code which look like above code Replace the float: left; with float: right; this code shift content portion from left to right

#sidebar-wrapper
{
float: right;
width: 300px;
}

If your find any code which look like above code Replace the float: right; with float: left; this code shift Sidebar portion from Right To Left.

Steps Of Moving Sidebar From Left to Right

In this condition, Follow all Steps exactly same as in the above method simple replace float position for both content are and sidebar.

For Content Portion Replace float: right; with float: left;

For Sidebar Portion Replace  float: left; with float: right;

 I hope you like this tutorial. If you face any kind of problem feel free to ask me in comment box.