Tuesday, April 23, 2013

How To Tuesdays: Option 3 - How To Center Your Pages / Links Tabs on Blogger

Last time we saw How To Center Your Blog Title and Description on Blogger.

For todays lesson, again,

First thing you need to know is this:

Step 1: Got to Layout on the Blogger Home page
Step 2: Click Advanced
Step 3: Go to "Add CSS"

This menu is about to be your best friend :-)

 Option 3 - How To Center Your Pages / Links Tabs on Blogger
 For my blog, the tabs on the tops aren't pages, they're links. I've never really understood the concept of Pages and I've found that links work better for my blog.

Continuing from above, 

FOR PAGES
Step 4: In case you have any other CSS codes added, press enter to skip a line and to make sure you don't mess up any of your coding.
Step 5: Add the following code

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

FOR LINK TABS
Step 4: In case you have any other CSS codes added, press enter to skip a line and to make sure you don't mess up any of your coding.
Step 5: Add the following code

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



No comments:

Post a Comment