How To Shift Blogger Sidebar To Right Or Left?

How To Change Blogger Sidebar

Today we are sharing another simple CSS trick which can change the whole layout of your blog.This is the for those who change positions of their blog's sidebar wrapper and main wrapper.To apply this trick you just have to find and edit some words in your template.But don't forgot to backup your full template before editing your template.If you want to change positions of your Sidebar Wrapper and Main Wrapper then go though the simple tutorial below.

How To Change Position Of Sidebar/Main Wrapper?

1. Go to your Blogger Dashboard > Design > Edit HTML.
2. Download a copy of your template
3. Now search for below code or similar code in your template

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

Now change float: left to float: right

Now you have to shift the sidebar from right to left.To do this find below code or similar to this code in your template.

#sidebar-wrapper {
float: right;
width: 320px;
margin: 0;
padding: 0 20px 10px;
display: inline;
}

Now change float: right to float: left

Take a preview of your template you will noticed that your sidebar has been moved right to left.

Now save your templateand you are done...