How To Make Menu Bar With Submenu

Ok now we are goin to learn How To Make Menu Bar With Submenu - I suppose you already know how to make menu bar right? If you still confused then visit here. To see how a screenshot of the menu bar with sub menu, see below:

Oh yeah, if you want to know how to make menu bar with search box, then visit here. Ok, now we are going to create a menu bar with sub menu.
1. Login on blogger
2. Go to Template
3. Edit HTML
4. Find the html code  <div id='menubar'>
5. Edit the code accordingly, see below

<div id='menubar'>
   <ul><li>
       <a expr:href='data:blog.homepageUrl'>Menu Name</a>
       </li>
       <li>
       <a href='URL'>Menu Name</a>
       </li>
       <li>
       <a href='URL'>Menu Name</a>
         <ul><li>
             <a href='URL'>Sub Menu</a>
             </li>
             <li>
             <a href='URL'>Sub Menu</a>
             </li>
          </ul>
       </li>
   </ul>
</div>

6. Save Template, and see preview.

Note:

• Replace the words are colored red with a URL link desired for menu bar, for example: post links, link categories or other links
• Replace the words colored blue (Menu name) by writing the title bar menu, such as: About, Contact, Download or other.
• Replace the words colored orange (Sub Menu) by writing the title sub menu, such as: PDF, Software or other.

The following html code below suppose to be place between </a> and </li> if you want to add another sub menu :

          <ul><li>
             <a href='URL'>Sub Menu</a>
             </li>
             <li>
             <a href='URL'>Sub Menu</a>
             </li>
          </ul>

Easy to do it right? Remember, the key to success in how to make menu bar with submenu is precision in editing and installing code css/html. Suppose there are less or a little mistake, the result will be bad. So, you should be more careful, good luck ;)