You Might also Like

loading...

Friday, July 26, 2013

How to Change the Position of Sidebar/Main Wrapper Blogger



Today I'm sharing simple CSS trick which can change the whole layout of your blog. This trick is for those who want to change the positions of their blog's sidebar or main wrapper. You can apply this trick very easily by finding and editing in your template. But before you start don't forgot to backup your template before you edit your template. To change your sidebar/Main Wrapper Follow the steps given below.

Changing the Position of Sidebar or Main Wrapper

Step 1 .
Go to Blogger Dashboard > Template

Step 2.
Click Backup/Restore and download your templates

Step 3.
Now Find Below code or similar code


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


change the following:

float: left to float: right

Now you have to transfer your your blog Main Wrapper from right to left
Find the code in your template i-e given below:


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

Again Change the Following:
float: right to float: left.

Save your template and that's it!
If you are facing any problem please comment below.

No comments:

Post a Comment

About

Related Posts Plugin for WordPress, Blogger...

Like Us

Receive all updates via Facebook. Just Click the Like Button Below...

Provided By Blogger Yard