Grrr… How to centre your Blogger header

Here’s a quick step-by-step guide on how to centre your Blogger header.  For those of you who have a Blogger header, it is automatically justified left, without an option to centre or right align.  For this, I am using my (very) old Blogger site, which as you’ll see had the grand total of zero posts!

Step 1 – Before you do anything, download the full template in case you make an error and break your site. A couple of seconds work will save lots of tears!

Step 2 – log in to Blogger, and click on Design

Step 3 – Click on Edit HTML

Step 4 – Click into the HTML box, and search for ]]></b:skin>

Step 5 – copy this code, or take it from where I copied it from which is on the very good www.bloggersentral.com and paste it in above the html code you searched for. Code:

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;} /*include this line if you are using Template Designer*/

Step 6 – preview your changes first, and when you are happy with them, save your template, as you are done!

10 thoughts on “Grrr… How to centre your Blogger header

  1. Thank-you for the tip – I inserted this to my HTML and have now successfully center aligned my header – but the problem is that this seems to have taken away the cool font I had chosen! The font was called ‘Covered by your grace’. It has replaced it with some dull font instead. Any ideas?

    Thanks a million!

  2. Thanks Chris! You’re a blog saver 🙂
    I really don’t understand why Blogger feel the need to control everything in their own way. Let us customize, dammit…. All of a sudden my layout has completely changed, and I’ve to start from scratch. But this article greatly helped!

Leave a Reply to Steph Cancel reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s