Como adicionar submenus no gadget "Páginas" do blogger

     Para quem ainda não usurfrui o gadget, basta ir em design > Adicionar Gadget, e adicionar o gadget "PÁGINAS".
Hoje ensinaremos como personalizar esse recurso do própio blogger com um simples código Html.

Segue abaixo o código do widget original e sem modificações:

<div id='paginas'>

<ul>

<li><a href='/' rel='nofollow'>Início</a></li>

<li><a href='/' rel='nofollow'>Portifólio</a></li>

<li><a href='/' rel='nofollow'>Anuncie</a></li>

<li><a href='/'>Contato</a></li>

</ul></div>

Obs:As partes em vermelho no código representam as páginas existentes no blog quando o copiei. A quantidade e o nome pode mudar conforme as páginas adicionadas em cada blog.

Tudo o que voçê irá fazer é adicionar as seguintes linhas no seu código, logo abaixo do original citado acima:

<li><a href='#'>Raiz</a>

<ul class='children'>

<li><a href='#'>sub</a>

<ul class='children'>

<li><a href='#'>sub</a></li>

<li><a href='#'>sub</a></li>

<li><a href='#'>sub</a></li>

</ul>

</li>

<li><a href='#'>sub</a>

<ul class='children'>

<li><a href='#'>sub</a></li>

<li><a href='#'>sub</a></li>

<li><a href='#'>sub</a></li>

</ul>

</li>




Realize as alterações necessárias e visualize as alterações, e salve. Se não funcionar, limpe as alterações e refaça o processo.

Share This :