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

Blogger Widgets | Templates | Tutorials

Latest

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


4 comments:

  1. thanks, i shared it. :)

    ReplyDelete
  2. 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
  3. Teşekkür ediyorum sitemde denedim Zibrit
    için.

    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