Em complemento ao post anterior, a Annie do BlogU, desenvolveu outro código/hack prá adicionar as categorias no novo Blogger em forma de caixa expandível ou ‘Mostra/Esconde’, e, ser adicionado na sidebar do seu blog.

Siga os passos:

  1. Instale os passos 1 e 2 do post anterior do Esconde/Mostra, Expandir/Contrair - Elemento de Navegação.
  2.   Abra o "Template/Page Elements" clique em "Adicionar Novo Elemento na página". Escolha "Marcadores/Adicionar ao Blog". Salve e feche. (Esse elemento é temporário, só precisamos dele prá achar o código, depois ele será apagado).
  3. Veja/carregue seu blog e dê um clique com o lado direito do mouse na página, prá poder ver a "View Page Source" ou Ver Página do Código fonte
  4. Na página ‘Source’, ache esse código em negrito e copie o mesmo <div class=’widget-content’> (você vai usá-lo num minuto): <div class=’widget-content’>
              <ul>
              <li>
              <a href=’http://seublog.blogspot.com/search/label/suacategoria1′>
              categoria1</a>
              (1)
              </li>
              <li>
              <a href=’http://seublog.blogspot.com/search/label/suacategoria2′>
              categoria2</a>
              (1)
              </li>
              <li>
              <a href=’http://seublog.blogspot.com/search/label/categoria3′>
              categoria3</a>
              (1)
              </li>
              <li>
              <a href=’http://seublog.blogspot.com/search/label/suacategoria4′>
              categoria4</a>
              (1)
              </li>
              </ul>
  5. Abra seu "Template/Elementos de Página" clique em "Adicionar novo Elemento na Página". Clique em ‘HTML/JavaScript". Agora, é onde a 3a. parte do Esconde/Mostra, Expandir/Contrair - Elemento de Navegação entra. Adicione esse código em negrito em ‘Html/Java’:

          <a aiotitle="click to expand" href="javascript:togglecomments(’Nome Único’)">Titúlo</a>
          <br />
          <div class="commenthidden" id="Nome Único"></div>

   6. Preencha com seu ‘Nome Único’ nas 2 áreas. Dê um titúlo pra ele. Exemplo "+/- Categorias".

   7. Copie o código achado no passo 4 e cole entre <div> e </div>

          <div class="commenthidden" id="Nome Único"> COLE CÓDIGO AQUI </div>

   8. Salve e feche.
   9. Agora abra o ‘Elemento Categoria’ feito no passo 2 e clique em "Remove Elemento de Página".

Pronto! Veja seu blog, na sidebar ele terá suas categorias de forma expandível (Mostra e esconde). Quer um exemplo? Veja no meu Gothicbox logo no topo +/-Categorias Góticas e +/- Meus outros blogs.