This article is about how to adjust width of post body and sidebar,Changing the width of blogger template would give you some more space where you would be able to add pic,videos, images and specially for ads this feature give beautiful look to your blog. If you using custom template for your blog and you want to adjust width for the posts, body or sidebar, you have to fallow some steps to achieve your desire results.Backup your template before make any changes in your template.
Login your Blogger account go to Dashboard>>Template>>Edit HTML
Now find (Ctrl+F) the give code below in HTML section between <b:skin> and </b:skin>
"
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
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 */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}
In upper code #outer-wrapper defined the overall width of blog
#main-wrapper it defines the width of your posts and in
#sidebar-wrapper it defines the width of your sidebar
Always make changes in px numeric data And always use preview feature until you don't get your desirable design before save template.