Esse hack/código foi feito pela Annie do BlogU. Eu apenas traduzi para o ‘portuga’, e, estou passando um pequeno tutorial prá quem quiser instalar o mesmo no blog. Com esse hack você vai colocar um elemento na sidebar do seu blog no novo Blogger em forma de ‘Mostra/esconde’ ou elemento expandível em formato de caixa. Assim, sua sidebar fica organizada e de fácil acesso prá quem visita.

Como fazer:

  1. Adicione o código em negrito na sua folha de estilo (CSS do tema), na seção dos comments;

        .commenthidden {display:none}
        .commentshown {display:inline}

  2. Coloque o código em negrito entre as tags <head> e </head> do template:

        <script type="text/Javascript">
        function togglecomments (postid) {
        var whichpost = document.getElementById(postid);
        if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
        } </script>

  3. Coloque esse outro código em negrito na sua sidebar através do ‘Adicionar novo elemento na página: Html/Java’, e salve: <a aiotitle="click to expand" href="javascript:togglecomments(’Etc’)">Outras Coisitas …+/-</a><br /><br>
        <div class="commenthidden" id="Etc">
        <a title="Blogger Forum, the Blogging community" target="_blank" href="http://www.bloggerforum.com/">
        <img border="0" src="http://www.bloggerforum.com/images/bf5.gif" width="80" height="15"></a>
        </div>
  4. Explicação código passo 3: Onde está escrito ‘Etc‘ troque por um nome único, que você mesmo vai criar prá esse elemento e só prá ele (é único, pois, deve ser diferente de qualquer outro elemento do seu template). Onde está escrito ‘Outras Coisitas‘, crie um nome/título prá esse elemento. E, é isso! Veja abaixo as imagens que eu fiz no meu blog de testes.