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!
Thank you for this post. you saved my header…
Haii.. dear…
thanks for the tips…
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!
No problem! Not sure why the font changes, sorry, it shouldn’t! Will try to find out!
Thanks for sharing this simple and easy solution!
It didn’t work.
if you can give me some more info, I can see if I can help!