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!

Advertisements

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

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