Blogger Templates Layouts Tutorials | Web Page Design Tutorials Home

How to Customize Blogger Header

Outer Wrapper of Blogger

Before checking the Header, let's take a look at the outer wrapper that hold the contents of the Blog. The Outer Wrapper is the div layer that hold all the contents of the blog. In other words, all contents (Header, Main contents, Sidebar and Footer) are residued inside the Outer Wrapper.

Here's the codes:

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

Pay attention to the width of Outer Wrapper:
Blog width of Minima template: 660 pixel

outer wrapper of Blogger Minima Template

This Blogger tutorial shows the style of Outer Wrapper

blogger layout tutorials