How to Put Your Header in the Center on Blogger

Written by brandy alexander
  • Share
  • Tweet
  • Share
  • Email

Traditionally, Blogger aligns the title and description of your blog's header on the left side of the page. Fortunately, you have the option to use a workaround and edit the HyperText Markup Language (HTML) code that controls your site. This way, you have the ability to centre your information and position it so that it supports the layout you desire. Access your Blogger account and learn how to change the code that puts your header in the centre.

Skill level:
Moderately Challenging


  1. 1

    Point your browser to the Blogger website and log in to your account.

  2. 2

    Click the "Design" or "Layout" link that appears on the page and then click the "Edit HTML" link underneath the main menu.

  3. 3

    Press the "CTRL" and "F" buttons on your keyboard and enter "#header" in the "Find" text box that appears. This action brings you directly to the code that controls your header. Note that this data is underneath the "/ * Header */" heading.

  4. 4

    Look for the entry that starts with "#header-inner" or "#header-h1" to find the rule that controls your blog's title. Change the "text-align" value from its current setting, such as "left," to "centre" like the following example:

    header h1 { text-align: centre; }

  5. 5

    Change the value in the "#header .description" rule to "centre" to edit the alignment of your blog description. For instance:

    header .description { text-align: centre; }

  6. 6

    Click the "Preview" button to view the modifications to your header. When satisfied, click the "Save Template" button to preserve your work.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.