HTML Como adicionar subitem no menu html - nesse código

[кαяσℓzιинα]

Estou tentando colocar subitem no item "serviços", alguém me dá um help?

<!-- Customize Navigation Menu Here -->
<ul class='menu-left'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<li><a class='logo' href='#'>Início</a></li>
<li><a href='#services'>Serviços</a></li>
<li><a href='#about'>Sobre</a></li>
<li><a href=''>Lista VIP</a></li>
<li><a href='#blog'>Blog</a></li>
<li><a href='#contact'>Contato</a></li>
<b:else/>
<li><a expr:href='data:blog.homepageUrl'>Início</a></li>
<li><a href='#services'>Serviços</a></li>
<li><a href='#about'>Sobre</a></li>
<li><a href='#feed'>Lista VIP</a></li>
<li><a href='#blog'>Blog</a></li>
<li><a href='#contact'>Contato</a></li>
</b:if>
</ul>
</nav>
</div>
</header>

 

[DiF]

@кαяσℓzιинα Olá,

 

Para a adicionar um sub-item no seu menu, você precisa criar uma nova lista não ordenada dentro da <li>  desejada.

 

Para posicionar corretamente, O menu principal precisa estar com posição relativa e o sub-menu com a posição absoluta e então posicionar com top/left/right.

adicionado 1 minuto depois

Veja este exemplo online:  https://jsfiddle.net/9tx2zxo4/1/