How To Increase or Change Width Of Your Blogger Template

Learn how to increase blogger template width. Changing the width of blogger template would give you some more space where you would be able to add pic,videos, images and much more. There are uncountable blogger templates through the world of internet. As you can use them in any way. But the problems rises when you like a particular template and want to continue it. But need to change its width because of small or because of more width. Any how what ever be your question today we are going to change the template size in blogger. Before getting into the article make sure you have a backup to your template.

Hope you have created your backup, if any thing goes wrong it would help you. Now,

1. Login into Blogger
2. Select your blog if you have many
3. Then migrate to TEMPLATE –> Click on “EDIT HTML“

Now you need to find the parts that are responsible for, width of your template. There are Main section, Post sections, Sidebar, Header Section and Footer. The sample code how they look.

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
…………………………….
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
…………………………….
#main-wrapper {
width: 410px;
float: $startSide;
…………………………….
#sidebar-wrapper {
width: 220px; float: $endSide;
…………………………….
#footer {
width:660px;
clear:both;

► header-wrapper is Header
► outer-wrapper is our Main section, other elements are wrapped inside of it..
► main-wrapper represents Post Section
► sidebar-wrapper stands for Sidebar
► footer is Footer :]