Tutorial Blogger – Colocar menu suspenso em listas de marcadores

Capa menu suspenso

Olá a todos, no tutorial de hoje vamos aprender a como transformar uma lista de marcadores enormes em um menu suspenso compacto. O menu suspenso fará com que seu blog fique organizado e fácil de navegar!

É super fácil de colocar menu suspenso, na primeira vez que coloquei em meu blog não tive problemas e nem estragou meu template.

Para instalar a ferramenta é preciso mexer no código fonte do seu template. recomentamos que faça um backup e salve em seu computador, para não ter problemas mais tarde!

Recomendo que leia:

Para começar você deve ter um lista de marcadores em seu blog e colocar o nome nele. Vamos lá?
Menu suspenso
– Vá em seu HTML e marque a caixa Expandir modelos de Widgets e procure por este trecho abaixo:

<ul>
<b:loop values="'data:labels'" var="'label'">
<li>
<b:if cond="'data:blog.url">
<data:label.name/>
<b:else/>
<a href="'data:label.url'"><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

– Substitua todo este código encontrado por esse:
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Selecione um marcador</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

A parte em vermelho você pode colocar o que quiser!

– Para tirar o numero que fica nolado do nome do marcador basta retirar este trecho:

(<data:label.count/>)
Depois de fazer todos os passos, o seu blog será navegável e a lista de marcadores não terá uma lista assustadora e que toma conta de todo o espaço do template!

Menu suspenso em funcionamento
Menu suspenso em funcionamento
  • Legal gostei :D gostaria de saber como faço para selecionar a contia do conteudo em cada marcador? pode me ajudar? fico grato se puder, abraço

  • Olá Rafael,

    Para definir a quantidade de artigos em cada marcador simplesmente acesse o editor de HTML do blogger, e marque a caixa “expandir modelos de widgets”.

    Segure as teclas Ctrl+F e pesquise pelo termo:
    expr:href=’data:label.url’

    E troque pela linha a seguir:
    expr:href=’data:label.url + “?max-results=6″‘

    Você pode mudar o numero 6 por quantos artigos você desejar que apareça nos marcadores.

    E depois save o modelo. Obrigado pelo comentário e um grande abraço!

  • Muito Obrigado Amigo :D Fico Muito Grato, um forte abraço ^^

  • Vento Som

    Oi Fabiano, como faço para colocar vários menus suspensos? Obrigado