Sunday, 18 December 2016

How to Center Header, Post titles, Dates, Gadgets, and Tabs in Blogger

How to Center Header Post titles, Dates, Gadgets, and Tabs in Blogger

One of the greatest mistake most bloggers make is to forget about the design of their blog. They don't take their blog design serious, believe me or not, blog design is one of the most important thing most blog visitors consider, even advertisers. This is the reason you should keep your blog design professional and user friendly. I have come across so many blogs which have great content but poor blog design. Poor blog design contribute to high percentage of "Bounce rate".

I believe you like what you see on "build a perfect blog". Today I want to show you How to Center Header, Post titles, Dates, Gadgets, and Tabs in Blogger.

Without going so deep, I want to tell you not joke with your blog/website design, try to make it look professional.

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 do this:

  •  Log into your Blogger account Dashboard
  •  Go into the Template section on the left  
  • Then click the orange Customize button
  • Then go to the Advanced section on the left
  • Scroll down to Add CSS 

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

Code to center your Post & Date Titles in Blogger:

.post-title {

.date-header {

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;}

  • Recommended:

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.

If this post was helpful to you please do not hesitate to like and share with your friends. Drop your comment if you have any issue. If you have used this code let us know if it was help by commenting...Thank you.


Post a Comment

We love comment.

Your comment encourages us to serve you more...