How to Create Drop Down Menu in Blogger (With HTML Code)

How to Create Drop Down Menu in Blogger

 

Lots of bloggers have faced this problem ” they can’t change or how to create drop down menu in blogger to add menu and submenu in their blog. So, I found code which helps you to add menu and sub-menu option.

 

Steps to How to Create Drop Down Menu in Blogger

• Open blogger
• Click Theme
• Click Html
• Find Where is Home menu page
• Then paste the following code
• After pasted code preview your website.
• Than done..

 

<ul>
<li><a href=’#’>Main Menu One</a>
       <ul class=’sub-menu’>
       <li><a href=’#’>Your Sub Menu Item one</a></li>
       <li><a href=’#’>Your Sub Menu Item Two</a></li>
       <li><a href=’#’>Your Sub Menu Item Three</a></li>
       <li><a href=’#’>Your Sub Menu Item Four</a></li>
       </ul>
</li>
<li><a href=’#’>Main Menu Two</a>
       <ul class=’sub-menu’>
       <li><a href=’#’>Your Sub Menu Item one</a></li>
       <li><a href=’#’>Your Sub Menu Item Two</a></li>
       <li><a href=’#’>Your Sub Menu Item Three</a></li>
       <li><a href=’#’>Your Sub Menu Item Four</a></li>
       </ul>
</li>
<li><a href=’#’>Main Menu Three</a>
       <ul class=’sub-menu’>
       <li><a href=’#’>Your Sub Menu Item one</a></li>
       <li><a href=’#’>Your Sub Menu Item Two</a></li>
       <li><a href=’#’>Your Sub Menu Item Three</a></li>
       <li><a href=’#’>Your Sub Menu Item Four</a></li>
       </ul>
</li>
</ul>

You can change and edit your name as you want.