Welcome to Little Tips! Know some "How to's" on almost anything! :)
You can search for other Helpful Tips online on the search box below.

Monday, July 4, 2011

How To Center Your Blog Title

Quick little tips on how to center your blog title or the header of your blog.

Just login to your www.blogger.com account then go to dashboard.
After that click *design* of the blog you want to align the title.
Then go to *edit HTML*

Look for the header code; thus it looks like this.
  • .Header h1 {
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
    }
Then insert this code below;
  • text-align:center;
Between this code;
  • .Header h1 { 
  • *INSERT HERE* <------------ text-align:center;  
  • font: $(header.font);
      color: $(header.text.color);
      text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
    }
So now your code will look like this;
  • .Header h1 {
    text-align:center;
      font: $(header.font);
      color: $(header.text.color);
      text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
    }
Hope this helps!
Visit Little Tips for more tips online.

6 comments:

Unknown said...

Again, thank you! Finally, nasa gitna na title ng blog ko, after 1 year. =)

Anonymous said...

Thank you so much!!! Finally, a simple and fast code!!!

Anonymous said...

Thank you very much! I've been wanting to change it for a LONG TIME! Thanks! (:

Emma-Cristy said...

hallelujah, thanks!

Anonymous said...

Finally a code that actually works! Thank you :)

Rick said...

It worked! Thanks so much!

Post a Comment