How to Make Blogger's Header, Navigation and Footer full width

• Goto www.blogger.com

• Enter Email and Password

• Click On Design

•  Click On Template

• Click On Edit HTML

• Now Search  body {

For this. Click in the Window

and Press Ctrl+F  keys

Search Bar will appear

Type or Paste  

 body {

• Just below Body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);  

Replace above line with    padding: 0px;

$(body.background.override)

}

• Now search .content-inner {

• Just below    .content-inner {

padding: $(content.padding) $(content.padding.horizontal); 

• Replace above line with   padding: 0px;

}

• Now Search  $(content.background.color.selector){

• Just below  $(content.background.color.selector){

background-color: $(content.background.color);

• Replace above line with   background-color: $(body.background);

}

• Now Copy the below Code

.main-outer {

background: $(content.background.color);

}

•  Search  ]]></b:skin>

• and Paste the Code above   ]]></b:skin> 

• Now Search  .content-outer, .content-fauxcolumn-outer, .region-inner {

• Just below it

min-width: $(content.width);

max-width: $(content.width);

• Replace above line  with     max-width: 100%;

_width: $(content.width);

}

• Now Copy the below Code

 .main-outer {

max-width: $(content.width);

margin: 0 auto;

}

•  Search      </b:template-skin

• add Paste the Code just above     ]]> </b:template-skin

• Now Copy the below Code

 .tabs-inner {

padding: 0px;

}

.section {

margin: 0px;

}

.header-inner .widget {

margin: 0px;

}

• Search        ]]></b:skin>

• add Paste the Code just above       ]]></b:skin>

• Now Save Template 

and

• Go Back to Blogger