Make Blogger Template Full Width

Feel 100% width experience in your default blogger template.

• Go to Template > Customize > Advanced > Add CSS
• Add the code below.

Fixed Full Width Template

It will preserve the page content width. Resize the browser window to see the effect.

.region-inner {min-width: 100% !important}

Fluid Full Width Template

It will flow page content depend on browser width. Resize the browser window to see the effect.

body, .content-outer, .content-fauxcolumn-outer, .region-inner { min-width: 100% !important}
body, .main-inner, .content-inner, .footer-inner { padding: 0px}

Full Width Only Header

Make header area width 100%.

.region-inner.header-inner { min-width: 100% !important;}
.header-inner .section {margin: 0px}

Full Width Only Tabs

Make Tabs (Page Header) area width 100%.

.region-inner.tabs-inner { min-width: 100% !important; padding: 0px }
.tabs-inner .section {margin: 0px;}

Full Width Only Footer

Make Footer area width 100%.

.region-inner.footer-inner { min-width: 100% !important; }
.footer-inner .section {margin: 0px;}