How To Create Drop Down Menu In blogger By Simple Method

One of the most wanted question for every new blogger user is how to create drop down menu in blogger? If you are running a simple niche blog with some contents then maybe you don't need sub menu. But if you are running a blog like news, tech etc then you need it for easy navigation and better user experience. In wordpress it's pretty easy to create a drop down menu by simple drag and drop but in blogger you can't do this by drag and drop. Since Blogger doesn’t offer the option as wordpress, we have to create it own. This requires a little bit of CSS and HTML knowledge. I have seen many blog's tutorial but it's does not help me cause it is a bit complex process. So in this tutorial I am going to share the most simplest process about how to create drop down menu in blogger. Let's follow the tutorial carefully.

Drop Down Menu Blogger Template

This tutorial is only for custom blogger template because at present almost every blogger use custom template. If you are still using blogger's default template then you may change it or this tutorial will not help you. There are a lot of free blogger templates just google it or download from gooyaabitemplates.
--> How to change blogger template

How to create drop down menu in blogger

In custom blogger template there are only 2 options to create drop down menu. Choose any one option from below according to your template  and follow the steps.

1. Link List Gadget (Menu)

If you download a newest blogger template then probably it comes with link list gadget. With is gadget you can easily create and configure your menubar.

• Step 1- Go to blogger dashboard -> Layout -> Find 'Link list gadget' -> Edit.

• Step 2- A pop up will appear. Now write your link name and link url correctly as shown in picture below.

• Step 3- To create sub-menu use '_' before link name. Like _Sample page.

• Step 4- Save -> Save arrangement.

Now check your blog. If anything goes wrong then follow the steps again carefully.

2. Drop down menu in html

If you can't find the Link List Gadget widget in 'Layout' section then follow this method.
-> Sign in to blogger -> go to theme -> edit html -> CTRL+F and find 'menu-wrap'.

-> Now you will see to many <li> and <ul>. To create a menu without sub menu use this tag <li><a href='#'>MENU</a></li> and to create a sub menu use this below tag

<li><a class='ai' href='#'>MENU</a>
<ul>
<li><a href='#'>sub menu 1</a></li>
<li><a href='#'>sub menu 2</a></li>
</ul>
</li>

-> Change the MENU and sub menu 1, 2 name and replace # with the url.
Now save the theme and check if everything is done rightly or not.
* Every template comes with a documentation please read it carefully.

That's all for this tutorial. Hope you have successfully create your drop down menu. If you are still facing any problem then feel free to ask me by comment below. Don't forget to share and subscribe. Happy blogging.