Saturday, February 2, 2013

How to Center Page Tabs in Blogger

This is a quick and easy tutorial showing you how to center your page tabs in Blogger. This tutorial only works if you are using the "Pages" gadget.

Step 1. Go to your dashboard and click the "Template" tab in the left menu under My Blogs

Step 2. Click on "Customize" under the preview for Live on Blog

Step 3. In the Blogger Template Designer, click "Advanced" from the options menu on the left and choose "Add CSS" from the secondary menu that appears.

Now add the following code in the white box:

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

Step 4. Make sure to press enter after the code is pasted.

Step 5. Click the "Apply to Blog" button in the upper right hand corner and your blog should be updated with the new centered tabs!

No comments:

Post a Comment