Dear Readers: HWS has recently started a new project for the students of engineering ====> The Engineering Projects


Write at HWS !!!

Guest Posting

Wednesday, September 28, 2011

Shift Sidebar Widgets to Right or Left



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! :)

About the Author

I am XEO Hacker, the founder of Hack With Style (HWS). I am blogging since 2009 before that I just search things and now I am sharing my knowledge through this plateform.I'm also a freelance writer on topics related to Website Hacking,Website Optimization (SEO), blogger customizations and making money online.
In 61 people's circles

Subscribe To Get FREE Tutorials!


Respected Readers:
As a 21 year old student, the only income I rely on is my pocket money. Bearing the running costs of HWS Blog has become really difficult. We educate thousands of bloggers a week with our tutorials. To help us go forward with the same spirit, a small contribution from your side will highly be appreciated.

1 comments:

Confused? Feel free to ask

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.
Note:-
Please do not spam Spam comments will be deleted immediately upon my review.

Regards,
XEO Hacker

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 

Recent Posts

Join Me On Facebook

700+ Followers

Followers


meet women in Ukraine contatore visite website counter
DMCA.com

Recent Comments

Follow Me On Twitter

1112+ Followers