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 t heir 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?
- Go to your Blogger Dashboard > Design > Edit HTML.
- Download a copy of your template.
- 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...
thanks, i shared it. :)
ReplyDeleteAnd what can I do, when I have no "#main-wrapper" in my template's HTML??? (my site: http://nap-haz.blogspot.hu/)
ReplyDeleteThanks for the attention!
Zsolt
from Hungary
thanks
ReplyDeleteTeşekkür ediyorum sitemde denedim Zibrit
ReplyDeleteiçin.