How to Center a Header in Blogspot

Blogspot aligns the header in your business blog to the left by default. Many Blogspot themes stretch header images across your blog's whole width, so this alignment rarely affects your blog's appearance. However, if you use a custom header image, such as your company logo, Blogspot snaps it to the side of the page, unbalancing your blog's design. Center your header by extending your Blogspot template with custom CSS code.

Step 1

Open your blog's dashboard, click "Layout" in the page's sidebar, then click "Template Designer."

Step 2

Click "Advanced" in the designer's first column, then click "Add CSS," the last link in the second column.

Step 3

Paste the following code into the "Add Custom CSS" box: #header-inner img { margin-left: auto; margin-right: auto; }

or

#header-inner {

background-position: center !important; 

width: 100% !important;

text-align: center;

}

#header-inner img {

margin: auto;

}

Step 4

Click "Apply to Blog."