Create Dropdown Menu to Blogger

Learning how to customize a blog is fun and challenging. Today I added Resources Tab on the page, replaced the unadjustable Page gadget with HTML/Java.

For my own future reference, here is how to add/modify the drop-down menu: 

1. Go to Template -> Layout -> HTML/Java Gadget -> 

2. To Add Another Link, 

Right below <li><a href='URL LINK TO LABEL/WEBSITE/PAGE'>SUB-CATEGORY 2B</a></li>

Add <li><a href='LINK'>LINK-NAME</a></li>

3. To Add Another Category, 

Right below the last </li>

Add <li><a href='LINK'>LINK-NAME</a></li>

<li class="sub"><a href='LINK'>CATEGORY 3</a><ul><li><a href='URL LINK TO LABEL/WEBSITE/PAGE'>SUB-CATEGORY 3A</a></li><li><a href='URL LINK TO LABEL/WEBSITE/PAGE'>SUB-CATEGORY 3B</a></li></ul></li>

I am so glad that I took a html website design course last year. Although HTML is no longer popular but somehow it makes it easier to understand how these codes work. Every little pieces of learning experience counts. 

Reference

http://xomisse.com/blog/add-drop-menu-can-styled-template-designer/