How to Add Pages and a Navigation Menu in Blogger

A clear navigation menu helps visitors move between important sections of your Blogger website, such as Home, About, Contact, Categories, Services and other useful pages.

Blogger provides a built-in Pages system for creating static pages and a Pages gadget that can display those pages as navigation links.

This guide explains how to add pages and a navigation menu in Blogger, arrange menu items, add custom links, use category URLs and troubleshoot cases where the Pages gadget or menu does not appear correctly.

How to add pages and a navigation menu in Blogger using the Pages gadget

What Are Pages in Blogger?

Blogger Pages are designed for relatively permanent content that is separate from your normal blog posts.

Common examples include:

About Us
Contact
Services
Privacy Policy
Disclaimer
Terms and Conditions

Pages do not work like normal blog posts and are not automatically mixed into your chronological post feed.

This makes them useful for important website information that visitors should be able to access directly from your navigation.

How to Create a Page in Blogger

To create a new static page:

Sign in to Blogger.
Select your blog.
Open Pages.
Click New Page.
Enter the page title.
Add your page content.
Preview the page if necessary.
Click Publish.

For example, you could create:

About Us
Contact Us
Privacy Policy

Publishing the page creates the page itself, but it does not necessarily mean the page will automatically appear in your website's menu.

How to Add Pages to the Blogger Navigation Menu

After publishing your pages, open:

Blogger → Layout

Find the area where your theme displays navigation.

If a Pages gadget is not already there:

Click Add a Gadget.
Select Pages.
Choose the pages you want to display.
Save the gadget.
Save the Layout.

The exact visual appearance depends on your Blogger theme.

Some themes display the Pages gadget as a horizontal menu under the header, while others may show it as a vertical list.

How to Choose Which Pages Appear in the Menu

You do not need to display every published Blogger page in your main navigation.

Go to:

Blogger → Layout → Pages → Edit

Select the pages you want to show.

For example, your main navigation could contain:

Home
About
Blogger Tutorials
Contact

while pages such as Privacy Policy and Disclaimer remain available through the footer instead of occupying space in the main menu.

How to Reorder Blogger Menu Items

The Pages gadget lets you control the order of displayed links.

Open the Pages gadget settings and arrange the items in the order you prefer.

A typical navigation order might be:

Home
Blogger Tutorials
SEO
Blogger Tips
Blogger Widgets
About
Contact

Place your most important destinations first and avoid making the menu unnecessarily crowded.

How to Add an External Link to the Blogger Menu

Your menu does not have to contain only Blogger static pages.

The Pages gadget can also include links to other URLs.

Open:

Blogger → Layout → Pages → Edit

Choose the option to add a new item or external link, then enter:

The menu item name
The destination URL

For example:

Name:
Blogger Templates

URL:
https://www.bloggertheme9.com/

This is useful when your Blogger blog is connected to another website, store, portfolio or service.

How to Add Blogger Categories to the Navigation Menu

You can also add Blogger label pages to your menu.

For example:

Blogger Tips
https://blog.bloggertheme9.com/search/label/Blogger%20Tips

or:

Blogger Widgets
https://blog.bloggertheme9.com/search/label/Blogger%20Widgets

Add these as custom menu links rather than creating empty static Pages named Blogger Tips or Blogger Widgets.

For the complete category setup, see our guide to creating Blogger categories using Labels.

Pages vs Labels in Blogger Navigation

Type	Best For	Example
Page	Standalone information	About Us
Page	Contact information	Contact
Label	Groups of related posts	Blogger Tips
Label	Topic archives	SEO
External link	Another website or service	BloggerTheme9 Templates

Using the correct type keeps your Blogger navigation easier to maintain.

Don't Create Static Pages for Every Category

A common mistake is creating pages such as:

SEO
Blogger Tips
Widgets
Tutorials

and then manually adding article links to those pages.

If the goal is to automatically show posts from a topic, use Blogger Labels instead.

Static Pages are better for standalone content, while Labels are designed to organize groups of posts.

How to Add a Home Link to Blogger Navigation

If your theme does not automatically include a Home link, you can add your homepage as a custom menu item.

For example:

Name:
Home

URL:
https://blog.bloggertheme9.com/

Use your actual canonical homepage URL.

How to Move the Pages Gadget

In many Blogger themes, the Pages gadget can be repositioned through:

Blogger → Layout

Drag the gadget to another supported section and save the layout.

Common menu locations include:

Below the header
Above the main content
Sidebar
Footer

The available positions depend on how your current template is built.

Why Is the Pages Gadget Missing?

If you cannot find a place to add the Pages gadget, your Blogger theme may restrict gadgets in that section.

Blogger layout sections can contain settings such as:

showaddelement='yes'

which allows users to add gadgets.

A section configured with:

showaddelement='no'

may not display an Add a Gadget option.

Custom Blogger templates can also provide their own menu system instead of relying on Blogger's standard Pages gadget.

For more about gadgets and theme sections, see our complete Blogger widgets and gadgets guide.

Why Isn't My New Blogger Page Showing in the Menu?

Publishing a page does not always automatically add it to an existing navigation menu.

Check:

Blogger → Layout → Pages → Edit

and make sure the new page is selected for display.

Also confirm that:

The page is published.
The Pages gadget is visible.
Your theme is not hiding the menu with CSS.
The menu is not overflowing on smaller screens.

Can You Create Dropdown Menus in Blogger?

Blogger's basic Pages gadget is designed for straightforward navigation.

Advanced dropdown and mega-menu layouts usually depend on the Blogger template rather than the standard Pages feature.

A custom theme may already include support for:

Dropdown menus
Multi-level navigation
Mega menus
Mobile menu drawers

If your theme does not provide these features, implementing them may require custom HTML, CSS and JavaScript.

Always back up your theme before making structural navigation changes.

Keep Your Blogger Navigation Simple

Your menu should help visitors find important content quickly.

Avoid filling the main navigation with every page and label on your website.

For example:

Home
Blogger Tutorials
SEO
Blogger Tips
Blogger Widgets
Documentation

can be easier to understand than a menu containing twenty unrelated links.

Less important legal or informational pages can be placed in the footer.

Use Descriptive Menu Anchor Text

Menu links should clearly describe their destinations.

Prefer:

Blogger Tips
Blogger Widgets
SEO Guides

over vague labels such as:

More
Stuff
Other

Clear navigation improves usability and also helps search engines understand the structure and relationships between important sections of your website.

Check the Navigation on Mobile

After editing your menu, test the website on smaller screens.

Check that:

Menu items remain readable.
Links are easy to tap.
Long labels do not overlap.
The menu opens and closes correctly.
No navigation item extends outside the screen.

For broader responsive-layout fixes, see our Blogger mobile responsive guide.

Blogger Pages and Navigation Checklist

Create important static pages under Blogger → Pages.
Publish each page before adding it to navigation.
Open Blogger → Layout.
Add or edit the Pages gadget.
Select only important pages for the main menu.
Arrange menu links in a logical order.
Add label URLs for category navigation.
Add external URLs when needed.
Keep legal and secondary links in the footer when appropriate.
Check the navigation on desktop and mobile.

Questions About Blogger Pages and Navigation

How do I add a page to Blogger?

Open Blogger → Pages → New Page, add the title and content, then publish the page.

How do I add Blogger pages to the navigation menu?

Go to Blogger → Layout, add or edit the Pages gadget, select the pages you want to display and save the layout.

Can I add external links to a Blogger menu?

Yes. The Pages gadget supports adding custom menu items that point to external websites or other URLs.

Can I add Blogger labels to my navigation menu?

Yes. Add the URL of the relevant label page as a custom navigation item. This is useful for category links such as Blogger Tips or Blogger Widgets.

Why is my Blogger page not appearing in the menu?

Publishing a page does not always automatically add it to navigation. Edit the Pages gadget in Layout and make sure the page is selected for display.

Can Blogger have dropdown menus?

Yes, but advanced dropdown or multi-level menus usually depend on the Blogger template or custom HTML, CSS and JavaScript rather than the basic Pages gadget alone.

Final Recommendation

Use Blogger Pages for important standalone information and use Labels for categories containing multiple posts.

Then combine both types of links in a simple navigation menu that directs visitors to your most useful sections.

Avoid overcrowding the header with every page on the website. Prioritize your main content areas and move secondary links such as policies and disclaimers to the footer when appropriate.

A good Blogger navigation menu should make the structure of your website immediately understandable without forcing visitors to search for important content.