This 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
- Go To Blogger > Design > Edit HTML
- Backup your template
- 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! :)
Subscribe To Get FREE Tutorials!
Respected Readers:
|
0 comments:
Confused? Feel free to ask
Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.
Post a CommentNote:-
Please do not spam Spam comments will be deleted immediately upon my review.
Regards,
XEO Hacker