How To Center Everything You Need To Center In Your Blogger Blog

Log in to your Blogger blog, go to Template > Customize > Advanced > Add CSS

Enter any of the code below inside the CSS box to position whatever you want to center to the middle.

Code to center your Header Image:

#header-inner img {margin: 0 auto;}

To center your Header’s Title and Description (text):

#header-inner {text-align: center;}

Code to center your Post Titles:

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

Code to center your Post Dates:

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

Code to center your Gadget Titles:

.section-columns h2, #sidebar-right-1 h2, #sidebar-left-1  {text-align: center;}

Code to center your Sidebars:

.main-inner .column-left-inner, .main-inner .column-right-inner {text-align: center;}

Code to center your Tabs (menu):

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Don’t forget to click Apply To Blog. And, you’re done!

Let me know if there is anything else you want to center & I’ll do my best to update this post.