Categorias em forma de caixa expandível

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.

17 Responses to “Categorias em forma de caixa expandível”

  1. GuGa Flaquer Says:

    Oi Claudinha dia frio caramba!!!! Tem meme musical pra ti fique à vontade em fazer ou não tá? montidubeijus

  2. Mielle Says:

    Parabéns pelo blog. Linkei vc. Gnd abraço.

  3. Leonardo Says:

    Olá, Gostaria de se tornar parcero do Infoip?
    Tenho meu banner em meu blog, me envie uma mesagem assim que você adicionar meu banner que eu adicionarei o seu…ok…Espero que você aceite pois gostei do seu blog…www.infoip.wordpress.com

    Caso queira ver Tutoriais em vídeo acesse meu site.
    Tutoriais totalmente em vídeo. em breve teremos mais tutoriais.
    http://www.tutoriaisemvideo.com.br

    Att,
    Leonardo

  4. Claudya Says:

    Guga, assim que der, respondo ao meme. Mille e Leonardo vou retribuir a visita e, ver sobre troca de links. Bjs. prá vcs.

  5. Leonardo Says:

    Ok ja estou te adicionando.
    ok

  6. Teca Says:

    Menina,

    fico um tempinho sem aparecer e acabo me perdendo nas novidades!
    quanta coisa nova pra eu tentar!
    Sempre ótimo o seu blogão!

    bjks frô!

    -

  7. Claudya Says:

    Teca, pode tentar/testar que dá certo. Bjs.

  8. Kaiserlino Says:

    De volta depois de um tempão :D
    Desculpa o sumiço…
    Andava meio sem tempo, sem internet, e sem saco de blogar
    hehehe

    Agora estou de volta :D
    e minha proposta continua de pé :D

    bjaum

  9. Claudya Says:

    Oi amigo, então, não sei se vc. viu, mas, o tuto do Blend no Photoshop eu já atualizei. Se quiser linkar o mesmo, agradeço. Se há outra proposta me fala. Bjs.

  10. Ariane Says:

    Oi Claudya! O blog do Photofiltre já tá velho…rsrs desde outubro

    Menina, tô com uma novidade lá no Templates: dá uma olhada e vê o que acha. Conto com seu apoio, ok?

    bjs, bjs

  11. Larinha - Música em Campo!! Says:

    Oii Claudya!!
    Tem presentinho p/ vc lah no blog…. Bjos!!

  12. Simon Says:

    Ei Claudyinha..voltei!!!

    E que isso hein? Um tempinho que eu fico fora você se torna a mais bem sucedida designer de blogs da blogosfera brasileira?

    Que lindo o seu blog. Me manda um e-mail, terminei minha monografia, passei com 93.

    E o blogspot? abandonou?

    bju

  13. forshareto Says:

    como eu poso entrar em contato contigo?
    msn
    e mail?
    precisava d um template novo pro meu blog
    + na net nao axei nada q prestasse
    qeria saber se poderia me ajudar a criar um novo
    e a config. meu blog.
    ja peguei varias dicas aki
    gostaria da tua ajuda

    obrigado

  14. forshareto Says:

    olaa!!

    vc tem mns??

    ou entaum manda por email..eu tenho google talke vc??

    add

    meu e mail eh

    forshareto@gmail.com

    ok?

  15. Claudya Says:

    Simon, amigo, há qto. tempo cara!!!! Que legal te ver de novo. Vou lá no seu blog. Forshareto, sobre tema exclusivo, eu cobro, já te mandei e-mail com resposta e explicações. Bjs. prá vcs.

  16. soninha Says:

    Olá Claudya!Demorei mais voltei!!
    “Quando bebemos, ficamos bêbados.
    Quando estamos bêbados, dormimos.
    Quando dormimos, não cometemos pecados.
    Quando não cometemos pecados, vamos para o Céu.
    Então, vamos beber para ir pro Céu!!”
    (Brian O’Rourke)

    BEBA COM MODERAÇÃO!
    Tenha um FELIZ HOJE e…
    um amanhã SEM RESSACA!!! rsrsrsrss

    Beijocas Mil!!!…

  17. Claudya Says:

    Oi amiga!!! Tava de férias? Adorei o texto, vou usar numa das minhas montagens! Bjs.

Leave a Reply