Edit drop-down menu in HTML

Edit/Create drop-down menu in HTML...

A drop-down menu helps in showing content as per the categories. You can put your post under one or more category or categories. This menu helps the visitors to navigate the blog content or posts easily. This also helps in getting the AdSense approval for a website. Google Approves the site which have good navigation options.

I my last article I have explained on-

How to create/edit drop-down menu using the template gadget…

In this I have explained on- How to edit drop-down menu in HTML.

To edit drop-down menu in HTML, first you have to identify or find the menu widget Id. This Id will be used in HTML to find the location, where you have to add your posts title and links.

Follow these steps to find the widget id.

1 Open the Blogger account.

2 Go to Layout.

4 Click on edit option of main menu gadget.

A pop-up window will appear.

5 In the top URL bar, you will get your gadget Id (at the end of your URL).
Note the gadget ID.

Once you get the gadget Id, go for HTML editing.

Follow these steps to add posts to main menu.

1 Open your Blogger account.

2 Go to Theme.

3 Click on edit HTML.

4 Click on Jump to Widget.

5 Find the gadget ID (Id that you have noted earlier) in the displayed list and click on it. 

Now, you will get similar picture as shown below…

6 Click on three dots to expand the coding.

7 Now you will see multiple texts and links widget setting code.

Important instructions.

All the text and links widget setting code is mixed. See that you add Title and link at right place.

When you’re adding, text (i.e. article title) and link (i.e. link of article), see that the number after text and link is same (example: Text-1 = Link-1). 
If you do not follow the right number for your texts and links then, it will mislead your users.

(1)

When you’re adding any main category, do not add any underscore or underline at the beginning of the article title. Also, do not include any link for that particular text or category, (just type #).

(2)

For creating a drop-down list, add an underscore or underline (_) before text (i.e. article title). So that it can appear as drop-down list (when a user moves his/her mouse on the category). And add link in the respective link widget setting code.

(3)

If you want to add an additional drop-down list in your existing drop-down list then, add two underscore (__) or underline at the beginning of the article title.

8 Once you add your articles title and links click on Save template.

Now visit your blog and see whether the drop-down menu is working or not.

If the above process is difficult, then read the simple process i.e. editing drop-down menu using gadget in layout.