Blogger Templates Layouts Tutorials | Web Page Design Tutorials Home

How to Add Background Image to Blogger Header

Part 2: Set the height of the #header-wrapper

In order to add a background image to Blogger Header correctly, precisely and fully under control, this is better to set the height of the Header Wrapper.

#header-wrapper {
margin:0 auto 10px;
border:1px solid $bordercolor;
height: 150px;

The Dreamweaver screen is shown as below:

Blogger add Header Background Image

Now the size of #header-wrapper is 660 pixels in width x 150 pixels in height.

This Blogger tutorial shows how to set the height for the Header Wrapper.

blogger layout tutorials