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;
}
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;
}
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