You can push your whole blog body to the left in two steps.........
First backup your template. Go to edit Html subtab of Template tab and click on Download Full Template link. Save the XML file to your PC with an appropriate name.
Next scroll down in Edit Template text box till you come to :
Content
----------------------------------------------- */
#outer-wrapper {
padding-left: 200px;
padding-right: 190px;
text-align: left;
xxxxxxxxxxxxxxxxxxxx
border-top: 0;
overflow: hidden;
}
This is also named as outer-wrapper on some templates. This contains the whole blog and if you add following lines of code to it the whole blog will shift to left leaving you plenty of space in the body at the right to add an extra column or two.
These lines are added at xxxxxxx position above :
float:left;
margin-left:20px;
If there is already a line for margin property delete it and add above line. This will prevent blog from getting too close to the screen edge.
To utilize the extra space in the right you can add a column like this :
#rightcolumn {
float:right;
margin-right:20px;
}
and place it just under the <body> tag in the template like this :
<body>
<div id="rightcolumn"> </div>
Preview and Save Template.
Advantages of this is to use more of the screen and also better visibility at low screen resolutions.
You are here: Home > Template > Align Blog to Left.
Align Blog to Left.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

Posted by vin
What have you to say?
3 VIEWERS CLICKED HERE TO COMMENT ON THIS POST. ADD YOUR COMMENT.
EMail this post to a friend?


Filed Under :
Labels: CSS, Template |Bookmark This Post
Skip to top of post.
YOUR COMMENTS
Buy Vin a Beer :-) if you liked this post.
Search Blog Before Commenting
Post a Comment
Please use the above search box to search this blog before posting your valuable comments.
Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,
Vin.
3 comments:
Thanks again for the information, but I have a question; now that I have shifted everything to the left and, ostensibly have a third column, how do I use it?
Thanks,
The second part is not working for me i cant get the stuff to go over to the right helllp
Anonymous,
What is your blog url? Did you clear cache after saving changes :
http://betabloggerfordummies.blogspot.com/2006/10/how-to-refresh-your-blog-page-in.html
CLICK TO LEAVE A COMMENT..... :-)
Skip to top of post.
Who is talking about the above post?