A Few CSS Codes to Customize Blogger's New Template

As cool as the Template Designer is...there are still some things you might want change but can't find an easy way to do it. So, I've researched a few and thought I would share them with you so you can make your blog perfect too! Enjoy!

Copy and Paste the code into Template > Customize > Advanced > Add CSS box...*

To center your header:

.Header {

text-align: center;

}

To center your tabs/pages:

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

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

To alter tab widths

.tabs-inner .PageList li a {padding-left:15px; padding-right:15px;}

...change the pixel number to make them closer together or further apart

To center your post titles:

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

To center the date:

h2.date-header

{

text-align: center;

}

To center gadget titles:

.sidebar .widget h2 {

text-align: center;

}

To remove navbar:

#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}

*HINTS: To add multiple codes, just double click and add the next one. If you want to right justify any of these, just replace the word "center" with "right". To remove, just delete the code from the box. 

Please share if you have any others!

>> For a tutorial on how to use the new blogger dashboard, click HERE! I've created one just for you!