Categorias do blog em formato Dropdown

Quem tem blog já sabe: pequenas coisas podem fazer uma grande diferença na organização do layout, na economia de espaço e na apresentação dos elementos de página do blog.
Eu, por exemplo, curto muito personalizar gadgets para economizar espaço de exibição e manter a organização melhor.
E um dos gadgets que dá pra personalizar das formas mais variadas é o gadget Marcadores, nativo do Blogger. Inclusive tem algumas opções aqui no blog:
Hoje quero te mostrar esse:

Demonstração do tutorial


É bem simples, basicamente 2 passos apenas, e pode ser personalizado como desejar, mudar cor de fundo, enunciado do gadget, fonte, etc...
Vamos trabalhar?
Para começar acesse a página com os códigos que vamos usar:

Copiar o código

Agora acesse o painel administrativo do blog onde deseja testar a personalização.
A seguir clique na aba Tema, depois clique no ícone dos 3 pontinhos que aparece à direita, no alto da página.
Aí selecione Editar HTML.
Dentro da página que expandir tecle Ctrl+F e na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.

Tecle Enter para localizar.
Acima de ]]></b:skin> cole o CÓDIGO CSS.
Nesse código você altera coisas como cor de fundo, fonte, etc...
Ajuste como preferir e depois de pronto salve.
Claro, você pode editar posteriormente, se preferir.

Agora vamos ajustar o código do widget!
Localize, usando a barra de busca:
<ul>
  <b:loop values='data:labels' var='label'>
Selecione assim:

Substitua o trecho selecionado pelo CÓDIGO DE AJUSTE.
Altere a frase Selecione a categoria pela frase/chamada que desejar e salve.
Está pronto!
Facinho demais, né?