Templates' Secondary Menu

Sometimes we include Secondary Navigation Menu in our Blogger templates. This Secondary Navigation Menu is there only to complement the Main Navigation Menu therefore, you should modify it to suit your taste and needs.

On this single page, we would be containing the setup instructions for our Blogger templates Secondary Navigation Menu.

Meanwhile, it should be noted that the version of the Secondary Navigation Menu featured on or used for a particular template is stated and linked on the template's sales page under the template features section.

Please, take note of your template's Secondary Navigation Menu version in order to use the appropriate setup instructions from this page.

Secondary Navigation Menu v1: Compact

The Secondary Navigation Menu v1: Compact version is our initial version and it is the version that is used for most of our earliest Blogger templates.

This version is optimized for speed and conforms with the latest SEO guidelines.

How to Modify your Blog Secondary Navigation Menu on Templates Using the Secondary Navigation Menu v1: Compact (From Text Editor: NotePad++, Sublime etc)

1. From your text editor where you already have the template.xml file opened, search for:

<!-- secondary menu links -->

2. Once there, modify the links as needed and as you want.

3. Click SAVE to effect the changes made.

4. Finally, you may now upload the modified template.xml file on your Blogger blog. Don't know how? Learn how to upload a template on Blogger blog from here

How to Modify your Blog Secondary Navigation Menu on Templates Using the Secondary Navigation Menu v1: Compact (From Web Browsers on Blogger.com)

1. I assume you are already logged into your blogger blog.

2. Click Theme from the blogger main menu (to your left).

   

3. From the page that opens, click the radio button that has an icon pointing downward in it and then click Edit HTML. After a few seconds or minutes, depending on your device speed and your internet connection, a page should be displayed revealing a whole lots of codes.

   

4. Now, click anywhere inside that whole lots of codes and press CTRL + F. This will pop out a search widget that allows you search within the source codes content only.

   

5. Just copy and paste the line of code below onto the search widget seen in the image above then, press Enter.

<!-- secondary menu links -->

6. Once there, modify the links as needed and as you want.

7. Finally, click SAVE to effect the changes made.

   

NOTE:

• In the Secondary Navigation Menu v1 - Compact, you can only have two (2) links in the secondary menu links section.
• If you wish to change icons behind the links to suit your need, check for icons at the fontawesome icons bootstrap cheat sheets page linked here