How to Center Blog Titles on Blogspot

By default, Blogspot aligns the title of your blog with the left side of the page. However, you can change this; the source code for your blog's template contains Cascading Style Sheet (CSS) parameters that you can edit to adjust the way Blogspot displays certain text elements including the blog's title. Adjust the CSS to center the title of your blog and display it in the middle of the page.

Instructions

1. Log into your account at Blogspot.com and click the title of your blog after reaching the dashboard.

2. Click the "Template" link on the left side of the page.

3. Click the "Edit HTML" button under the picture titled "Live on Blog." This displays a notification reminding you that Google recommends only advanced users modify Blogspot's HTML code directly.

4. Click the "Proceed" button. This displays a pop-up window containing the source code for your blog's template.

5. Place a check in the box labeled "Expand Widget Templates" at the top of the window.

6. Press "Ctrl" and "F" simultaneously to display a "Find" dialog. Type ".Header" in the dialog to locate the following block of code:

   .Header h1 {
   font: $(header.font);
   color: $(header.text.color);
   text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
   }

7. Click to place the cursor in the space after the bracket at the end of the line ".Header h1 {." Press "Enter" to create a new blank line, and type the following code:

   text-align: center;

8. Click the "Preview" button to display your blog in a new window and confirm the title is centered, and then return to the previous window.

9. Click the "Save Template" button to save the change made to your blog's source code.

References

• W3Schools.com: CSS Text-Align Property