Adding a Web Address To Navigation Bar

Step 1: You may want to add some web addresses or links to labels along with your blank pages. Click on the “Pages” gadget and choose “+ Add link page.”

Step 2: In the first box, type the title you want to appear in the navigation bar. In the Web address (URL) box, insert the web address you want to link to.  Then click “Save.”

Now view your blog to see your new pages and navigation bar!

ADJUST THE POSITIONING OF THE LINKS, FOLLOW THE BELOW STEPS.

Step 1: In your dashboard, click on the “Template” link and then click on “Customize.”

Step 2: In the Blogger Template Designer click on “Advanced.”

Step 3: In the “Advanced” tab, scroll down until you find “Add CSS.”

To add more space to the left side of the navigation bar, add the following code:

.PageList {text-align:left !important; padding-left: 20px; }
.PageList li {display:inline !important; float:none !important; }

You will see a preview of how the design will look with the changes. If you adjust the “20” to a larger number it will add more space. If you want less space adjust the “20” to a smaller number.  Adjust it as you want and then click “Apply to Blog” to save the changes.

Example:

To center the links, add the following code:

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

You’ll see a preview of the changes. If you are happy with the way it looks, click “Apply to Blog” to save the changes.

Example:

For any further customizations you might need made to your navigation bar, you can visit our add-on shop to purchase one of our navigation bar options.