Blogger tutorial: How to centre a blog header

on

All blogger headers are, by default, aligned to the left. I was helping somebody to design a blog using blogger.com when I came across what I want to share with you today.

The person actually asked me to design a header for his blog and centralize the header. As I was racking my memory to know how best I could do it, I came across this simple way of doing it.



Steps:
  1. Log in to your blog's dashboard.
  2. From the drop down menu, click layout.
  3. On the layout window, click Template Designer.
  4. On the template designer window, click Advanced >> Add CSS
  5. Copy and paste the CSS code below: 
#header-inner img {margin: 0 auto !important;} 
#header-inner {text-align:center !important;}

Apply to blog and your blog header will be centralized immediately.

Comments

Post a Comment