Get ideas & inspirations delivered to your inbox. You won't want to miss a thing, so subscribe free to the Blog Feed or sign up for Free Email Updates on the latest projects, shop news, blog tutorials & more. Check out the Project Gallery, Garden, Recipes & Inspirations tabs above, to see what you have missed. Browse through the sidebar for this week's Popular Posts!
**Please note: Some links may be broken, if this happens, please let me know which post & search for the title of a post on the search tab on the right while I work on fixing the problem.---->

How To Center Tabs & Page List in Blogger, Under Your Blog Title

So now that you know how to create pages for your blog and how to change its location, 
you are ready to center it under your Blog Title.

First step is to sign into your blogger account.
Once you are in your blogger account, click on, Design on the top right of your screen.
You are now in your dashboard screen, click on template on the left side.
Then click the orange button the reads, customize.
This will now take you to your Template Designer screen.
Now look on your top left side of your screen, you will see a list of sections, 
the last one is Advanced, click on it.
You will see another list of sections with a scroll bar with the first section named Body Text, scroll down the list until you see Add CSS, click on Add CSS.
You will see a blank area open up.  This is where you will paste the code, I will provide to center your pages.
Highlight the blue code below and copy.

(For Page List that you create)

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

(For Default Tabs)

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

On your blank area, paste this code and press the space bar to preview.
Below this screen you will see your blog preview, scroll down on your blog to see your tabs or (pages). 
It should center itself when you paste the code.  Are they centered?  
If so, you may click on the top left side of your screen where it reads apply to blog
It is now saved.
This is a simple and easy step.  If for any reason it does not work, contact me.  
This may not work on already established templates.






Pin It button on image hover