How to add Dropdown & Multi-Dropdown Menu in Blogger.

 In Blogger, adding a Dropdown and Multi-Dropdown menu is an effective way to organize blog content in a clear and professional manner. A navigation menu plays an important role in helping visitors move easily from one page to another. When a blog contains multiple pages such as About, Services, SEO, Social Media, Contact, or other categories, arranging them properly in a structured format improves both user experience and website appearance. Blogger allows users to create dropdown menus through the Layout section by using the Link List gadget, which usually functions as the main menu in most themes.

To create a dropdown menu, the user must first log in to the Blogger dashboard and select the desired blog. After entering the dashboard, the next step is to open the “Layout” section from the left-hand menu. Inside Layout, different sections like Header, Sidebar, and Footer are visible. The navigation menu is generally placed under the Header area in the form of a “Link List” gadget. By clicking on the “Edit” option of this Link List, the user can begin adding menu items.

The dropdown system in Blogger works by using underscore symbols before the submenu name. First, the main or parent menu is added by typing its name in the “Site Name” field. For example, a main category like “Digital Marketing” can be added. In the “Site URL” field, the symbol # can be inserted if the parent category is only meant to display submenus and not redirect to a specific page. After saving the parent menu, a new item is added to create the dropdown. In the Site Name field, a single underscore ( _ ) followed by a space and the submenu name is written, such as “_ SEO.” The URL of the SEO page must then be copied from the Pages section of the blog. This is done by opening the page, copying the complete link from the browser address bar, and pasting it into the “Site URL” field. After saving, this submenu will appear under the main category as a dropdown option.

For creating a multi-dropdown, which means a submenu inside another submenu, the process is similar but requires using a double underscore ( __ ) before the name. After adding the main parent menu and the first-level dropdown with a single underscore, another item is added with double underscores before its name, such as “__ On Page SEO.” The correct page URL is again copied and pasted into the Site URL field. The double underscore indicates that this item belongs under the previous single underscore menu, forming a second level of navigation. It is important to maintain the correct order while arranging these menu items because Blogger reads the structure according to the sequence in which they are placed.

When properly arranged, the blog menu will display a hierarchical structure where hovering over the main category reveals the dropdown, and hovering over that dropdown reveals the multi-dropdown options. This feature depends on the theme being used, so the selected theme must support nested navigation menus for the dropdown to function correctly.

In conclusion, adding Dropdown and Multi-Dropdown menus in Blogger through the Layout and Link List gadget is a simple yet powerful method to organize blog pages systematically. By using a single underscore for dropdown menus and a double underscore for multi-dropdown menus, and by correctly copying and pasting the page URLs into the Site URL field, a blogger can create a structured, user-friendly, and visually appealing navigation system that enhances the overall functionality and professionalism of the blog.

Post a Comment

Previous Post Next Post