Como criar um menu suspenso para marcadores no blogger

MARCADORES OU CATEGORIAS

Marcadores são fundamentais para a organização e a navegabilidade do seu blog. Para quem não conhece ainda, eles são responsáveis pela classificação de suas postagens em Categorias. Estas categorias então, poderão ser facilmente colocadas na lateral do seu blog, servindo como um menu aos seus visitantes…

criar um menu suspenso e colocar todos marcadores em uma só linha <<<

MARCADORES EM UM MENU SUSPENSO

Para transformar a lista de marcadores em um menu suspenso, será necessário alterar o código HTML do template do blog…

1- Editor HTML

Acesse o blogger.com e clique no link [Design].

No menu superior, clique em [Editar HTML].

Selecione a caixa [Expandir modelos de widgets], como na figura abaixo:

Atenção:
Recomendamos que salve uma cópia do template antes de qualquer alteração no modelo do blogger. Para isto clique no link [Baixar modelo completo]. Se algo der errado, faça o upload do modelo em [Fazer upload].

2 – Alterar o código

Atenção:
Obviamente que para fazer isto, você já deverá ter ativo uma lista de marcadores no seu blog. <<< 

Após ter selecionado a caixa [Expandir modelos de widgets] utilize a tecla de atalho [CTRL+F] e localize o termo: data:labels

Agora substitua todo o código:

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

>>> Por este:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Escolha a Categoria</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Você poderá alterar a frase descrita em laranja, para “Selecione uma Categoria” ou “Escolha um marcador”, ou qualquer texto que achar mais adequado…

Agora visualize o blog, clicando no botão [Visualizar].

Se tudo estiver certo e sua lista transformada em um menu suspenso, clique no botão [Salvar Modelo].