How to Center a Header in Blogspot

You can modify your Blogger blog's template to display centered headers.

Blogspot is a blog-publishing service created by Blogger, Inc., later acquired by Google. Users can customize the look and feel of their blog pages in a variety of ways, including the characteristics and positioning of text and graphical elements. In particular, you can center a header in your Blogspot page, so Web browsers automatically display the header at equal distance from the left and right page edges -- regardless of the size of the browser window.

Things You'll Need

• Existing Blogger account

Instructions

1. Log into your Blogger dashboard by entering your user name and password. Click the name of the blog whose header you want centered.

2. Click the "Template" tab. Blogger will display the XHTML code for your current template in an "Edit Template" window.

3. Center the title element of the Header by searching for the line that begins with "h1.header". Modify the "text-align" attribute located immediately after that line to read like this:

   text-align: center;

4. Center the description element of the Header by searching for the line that begins with "#header.description". Modify the "text-align" attribute located immediately after that line to read like this:

   text-align: center;

5. Click "Save" in the "Edit Template" window. Your blog's template will have been modified to center the header.

References

• Tricks for New Bloggers: Center Align Page Elements