How to stretch a blog..........

before proceeding please backup your layout [http://bloggerfaqs.blogspot.

com/2009/06/how-to-backup-blogger-xml-template.html]

ok, now go to Layout | Edit HTML and find following code:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Arial, sans-serif;
}

This is the overall wrapper width, all other things come under the umbrella of this outer-wrapper, so increase it's width from 660px to something like 950px and save your template.




now you've increases the overall width, to increase the width of your posting area, find following code:

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

and change the width from 410px to something like 650px and preview your template, if everything looks fine then Save. Now you can have a bigger posting area.

Please note that you can also change the sidebar width by changing the width factor in sidebar-wrapper:

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

but just make sure that the total width of sidebar-wrapper and main-wrapper must be lesser than the width of outer-wrapper.

note: if make the width of outer-wrapper much bigger than width of (sidebar-wrapper+ main-wrapper) then there will be a lots of empty space between sidebar and main blog so just see that width of outer-wrapper is not more than width of (sidebar-wrapper+ main-wrapper). ideally both should not have a difference of more than 30