How To Shift Sidebar Column To Left or right?


SHIFT SIDEBARSThis is just a short but extremely useful trick for all those who wish to change the position of their Post body and Sidebar wrapper. Normally most professional layouts have sidebar arranged to the left but E-commerce blogs or other business blogs look good with left sidebar column. In order to keep your blog layout according to standard rules then you may like changing the position of vertical dv segments in your template. If you want to shift your sidebar to left or right or swap sidebar and post body position then you can easily do this using the simple setup guide below.

 

Shift sidebar Position In Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Search for this code or a similar code like this,
#main-wrapper { float: left; width: 600px; margin: 0; padding: 0 0 20px; }

 

Replace float: left;  with float: right;

You have now successfully shifted your post body to right now you need to shift your sidebar column. Search for this,

#sidebar-wrapper { float: right; width: 320px; margin: 0; padding: 0 0 10px; display: inline; }

Replace float:right; with float: left;

You have successfully shifted your sidebar wrapper. View your blogs to see a magic change.  HAVE FUN! :)

Need Quick Help within 24 Hours? ASK NOW



If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

12 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.

  1. How to add an extra sidebar brother

    ReplyDelete
  2. that was really nice , just changed in two step! , i was thinking that there should be a very long code. hehe

    ReplyDelete
  3. It is not Working :( . Have a look www.exceptnothing.com

    ReplyDelete
  4. <a href="http://www.exceptnothing.com/>Except Nothing </a>

    ReplyDelete
  5. @monk
    You will need to create a separate widget section. May be a post on this will help you a lot. I will write it soon

    @Faiz
    Indeed everything is easy once we know the steps buddy.

    @Anirudh
    It should work even more correctly in your blog pal because both these div areas exist in your blog.

    ReplyDelete
  6. Please help me

    how to move the line
    http://1.bp.blogspot.com/-w7Sjcg-KvPA/TocOJ2BQNwI/AAAAAAAAADE/laHBUG4Z640/s1600/Line%2BMove.JPG

    ReplyDelete
  7. I have a custom template and I want to move the right side bar to left side? is it possible? manually moving option is locked as it is custom template.

    My Blog site is Jesoba.com

    Your help is appreciated.

    ReplyDelete
  8. http://bit.ly/T2Qm9t
    can you tell me how move comment box in center or left side ..

    ReplyDelete
  9. HEY HELLO I'M HAVING RIGHT SIDEBAR AND I HAVE CUSTOMIZED MY TEMPLATE ACCORDING TO THE NEED OF MY SPONSOR ADVERTISERS SO I WANT A LEFT SIDE BAR SHOW ME HOW TO ADD............. AND YOU ARE DOING GREAT WORK REGARDS FROM http://www.latestgames2.blogspot.com

    ReplyDelete
  10. thanks mustafa bhai..finally i did it on my pingrey template which comes with right sidebar and with your guideline i shifted it to left sidebar on http://bestofshayari.blogspot.in

    ReplyDelete
  11. Thanks a ton. You solved my biggest headache !! Cheers ..

    ReplyDelete