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?


  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...


Post a Comment

  1. And what can I do, when I have no "#main-wrapper" in my template's HTML??? (my site: http://nap-haz.blogspot.hu/)

    Thanks for the attention!

    Zsolt
    from Hungary

    ReplyDelete
  2. Online social networking, or using web-based services to connect and interact with people about shared activities or interests, can be a great way to establish and enhance existing friendships, play games, and share ideas.

    ReplyDelete
  3. cant remove my blogger left side bar .. please help
    my site is www.hindichudaikikahani.com

    ReplyDelete
  4. :-) Thank you for sharing your useful information.
    Cybergraphix

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account).PLEASE DO NOT SPAM

 
Top