Blogger: How to create dropdown menus

The latest versions of our Blogger templates include dropdown menus. If you purchased your template before November 2016, please note that this feature may not work. However, if you update your template to the latest version it should work. You can download the latest version at any time from your email receipt.

Important! Before getting started, you should be familiar with how to add pages and post categories to your navbar/menu.

How to create dropdown menus

1. Go to the “Layout” section of the dashboard:

2. Click the Edit button in the “Pages” gadget:

3. Click the “+ Add external link” button to add a new menu item:

In the options that pop up, you can enter a “Page title” and “Web address”.

The “Page title” is the text which will be displayed for the menu item.

The “Web address” is the url/link which the menu item will link to when clicked.

If you would like the menu item to be a dropdown menu, you can add an underscore _ to the front of the “Page title” text. In our example above, we would change the text “Style” to “_Style”. Like shown below:

This tells your template to display this menu item under the menu item which comes before it in the list. For example, in the Pages gadget below we have setup some menu items and some dropdown items too:

This tells the template to create the following menu items:

  • Home
  • About
  • Categories
    • Fashion
    • Music
    • Lifestyle
  • Disclaimer

And this would create the following menu on your blog:

Don’t forget that you can also drag and drop the menu items into position in the Pages gadget. So you can re-order them if required.

Was this article helpful?