How To Shift Blogger Sidebar To Right Or Left? - Helper Blogger

Blogger Widgets | Templates | Tutorials


Friday, 27 April 2012

How To Shift Blogger Sidebar To Right Or Left?

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


  1. And what can I do, when I have no "#main-wrapper" in my template's HTML??? (my site:

    Thanks for the attention!

    from Hungary

  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.

  3. Thank You so Much, Sir,
    Followed on all given social network.

    Guys this code also can be used for changing attributes position

    #Attribution1 {
    float: left; width: 500px;
    margin: 0;
    padding: 0 10px 50px;
    display: inline;}

  4. Teşekkür ediyorum sitemde denedim Zibrit


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