Navigation Bar

How to Create a Navigation Bar in a Blogger Blog

A navigation bar is an essential part of any blog or website. It helps visitors to easily locate the required information. When you create your blog pages, you can add a Navigation Bar (also called Menu Bar) in your blog. 

A Navigation Bar is an area of your blog or website that visitors use to move from one page to another. A navigation bar usually appears at the top or on the left-hand side and contains links to pages within your site or external links to other blogs or websites.

Log in to your Blogger account and go to Blogger Dashboard. Then go to the Layout tab. 

Follow these steps:

1. Click Layout (on the left in the Blogger Dashboard)
2. Scroll down the page to find Cross-Column, and in the Pages gadget click Edit (in the right corner of the gadget)
3. Go to Pages to Show section
4. Tick on the pages you want to appear on your blog Navigation Bar
5. Scroll down to List Order
6. If you want to change order, drag up or down and drop.
7. Click Save.


How to add external links or your blog links to your blog Navigation Bar

You can add external links to your Navigation Bar. These links can be your blog links to your blog pages or links to other blog or website pages. 

Follow these steps:

1. Click Layout (on the left in the Blogger Dashboard)
2. Scroll down the page to find Cross-Column, and in the Pages gadget click Edit (in the right corner of the gadget)
3. Click the +Add external link, and a box will pop up asking for the Page Title as well as the URL.
4. Write your page title in the box Page Title, and paste your URL in the box Web address
5. Click Save Link.
6. In the section Pages to show, click on the pages you want to appear on your blog Navigation Bar.
7. Go to the section List Order, drag up or down and drop to change the order that you want.
8. Click Save.




PS:
  There is useful alternative access to Editing Tools

You can get quick access to your blog editing tools. Click on the tools (I encircled them in yellow color in the example below) on your blog and start editing immediately:
  
(click on this image to enlarge)