Blog Design Help: How to Center Post titles, Dates, Gadgets, and Tabs in Blogger

One of the greatest things I have loved for my blog design is being able to center the gadget titles, post titles, date, and tabs on my blog.  There's just something more appealing about the look and feel of my blog when it's all lined up nice and pretty with the center of the page.

    

Here is a quick and easy tutorial on how you can center all of these things on your blog as well, and do it all through the basic Template editor in Blogger.  We're just going to add some simple coding to the CSS section in the Template Designer.

How to get there:

1. Log into your Blogger account and then click on your blog name
2. Go into the Template section on the left
3. Then click the orange Customize button
4. Then go to the Advanced section on the left
5. Scroll down to Add CSS

Once you are in there, you're going to want to add the following codes.  Simply copy/paste (or type) them into the Add CSS field, and then hit enter between each one.

Code to center your Post & Date Titles in Blogger:

.post-title {
text-align:center;
}
.date-header {
text-align:center;

}

Code to center your Gadget Headers in Blogger:

.widget {

  text-align: center;

}

 Code to center your Tabs in Blogger:

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}

You can also leave out any of these you want, and just pick and choose which things you want centered and which you do not.  If you leave one out, that section will just remain with the basic Blogger settings.