How to Reduce Header Width in Blogger?

To reduce or change header width of blog it is required to make few edit in blog HTML code. To change header width in blogger follow the instructions.

1. From Design section of blogger Dashboard click on Edit HTML tab. At first backup your template by clicking on Download Full Template.

2. Now look for CSS Style of header containing word like: .header-inner. I found default padding as 22px & now I have made changes it to 3px as follows:

.header-inner .Header .titlewrapper {
padding: 3px $(header.padding); /* This parameter required to change. */
}

In some other blog it may be found the header CSS Style as #header-wrapper { & few may have only #header. In this circumstances need to change the following parameter.

#header-wrapper {
width:660px; /* This parameter required to change. */
margin:0 auto 10px;
border:1px solid $bordercolor;
}

3. Last of all save the template & refresh the page to view the effected changes made in blog header.