NOTE: This tutorial applies to templates purchased before November 1, 2017.
How do I set up my navigation menu?
Watch the video tutorial or see the Step-by-Step written directions below.
Please note we do not use a "Pages" widget to create our menus.
We instead use a "Link List" widget that allows us to create our drop down menus.
If your old template used a "Pages" widget, just go to the Layout page and remove it.
HINT: How to find a page or post link
- Go to the "Pages" or "Posts" page in your dashboard. Click the "View" link under the page or post name.
- Copy and paste the page link from the web browser address bar.
- This can be done with any web page. Just copy and paste the web address while viewing the page.
- For "Category" or "Label" pages, just click the label from inside a post or in the sidebar widget. Copy and paste the web link from the top of your browser.
STEP 1: Set up top menu links
- Go to the Layout page on your Blogger Dashboard. Click on the Edit link at the right side of the Main Menu gadget box.
- The Configure Link List window will open.
- There is space for an optional Title (this will not appear on your blog).
- Leave the Number of items to show in a list field empty.
- Leave the Sorting field on Don’t Sort
- In the New Site Name field, enter the display name for your first menu bar link. Example: Home for your homepage.
- In the New Site URL field, enter the full web address for that the link will take the reader to (include the “http://”). The easiest way to do this is to visit the page in another browser window and then copy the address from the top of the browser then paste into the New Site URL box.
- Click the gray Add Link button to add your link.
- Here is an example of how to add a menu link:
- To add another link, enter the name of the next menu link into the New Site Name box and the page link URL. Click Add Link.
- Continue adding links until you have added them all.
- Add a link as described above EXCEPT in front of the New Site Name that you enter, add an underscore “_”.
- This underscore will not display on the front end of your blog. It just signals to the template to display this link in the drop down menu.
- Enter your page URL and click the Add Link button to add the drop down link to your menu.
- For the top level (parent) link, use enter # in the URL field.
- To place the drop down under the correct top menu link, make sure it appears UNDER the top link in the link order at the bottom of the Configure Link List list.
- Once you add a menu link to your menu in the Configure Link List window, they will appear in a list at the bottom of the window.
- Links appear in the list in the order they will appear (left to right) on your menu. i.e. the link at the top will be the first link on the left.
- To change the order of the links, click on the up or down arrow next to the link you wish to move.
- Make sure any drop down links are listed below their parent link.
Don’t forget to click the orange Save button to save your menu settings.
NOTE: Make sure you hide the Blogger Nav Bar widget or it will break the responsive layout of the template.
- Go to the Layout page on the Blogger Dashboard.
- Find the Nav Bar widget. It may be in the Header area, under the Blog Posts box or in one of the other sidebars.
- Left-click on the Edit link on the right-hand side of the box.
- The Navbar Configuration window will open. It is generally set to the Silver style option by default.
- Select the radio button next to the Off option.
- Click the orange Save button to save your changes.