4 de jul de 2013

Dividir os marcadores em duas colunas

Olá Anjos! *--*

Estava aqui dando uma conferida no blog, e notei que fiz pouquíssimos tutoriais para iniciantes. Eu estava com um projeto em mente de fazer um super tutorial de como usar o blogger, mas foi na época em que parei de postar tutoriais, agora já me esqueci de tudo o que ia ensinar. 

Bom, hoje o tutorial é para dividir os marcadores em duas (ou mais) colunas. Esse tutorial é muito útil em blogs que tem vários marcadores, mas que o blogueiro não quer colocar os marcadores em estilo nuvem (cloud). Os marcadores devem estar em lista, e vão ficar divididos dessa forma:

Para deixar os marcadores com esse pontinhos e sem aquela bolinha atrás use esse tutorial.

Vamos lá:

1- Vá no HTML do seu blog, abra os códigos, aperte CTRL+F e procure por ]]></ b: skin>;

2- ACIMA disso, cole:

#Label1 ul li{
float: left;
width: 45%;
}
A largura (width) muda conforme o número de colunas que você desejar. Diminui para 30~33% para colocar 3 colunas. 

Se não der certo, procure pelo ID do Gadget de marcadores, na tela de configuração do mesmo (veja imagem), e substitua a palavra Label1 por ele.
Clique para ver maior
Se o Id do seu gadget for, por exemplo, Label2, o código ficará assim:

#Label2 ul li{
float: left;
width: 45%;
}

O tutorial serve para qualquer Gadget de lista, como arquivo, top comentarista, postagens populares, etc. Basta trocar a palavra Label1 pelo ID do Gadget desejado.

12 comentários:

  1. Era disto que eu estava precisando!
    Valeu!!!!


    *-*

    ResponderExcluir
  2. Ameii finalmente um tutorial de divisão de marcadores que funciona !!!

    www.piimentaarosa.blogspot.com

    ResponderExcluir
  3. Não funciona no meu , nem por reza :(
    beijos da Lêeh
    http://maetoescrevendo.blogspot.com.br

    se puder me ajudar >> notfronteiras@gmail.com

    ResponderExcluir
    Respostas
    1. Tenta colocar o código

      #Label1 ul li{
      float: left;
      width: 45%;
      }

      mais acima de ]]>; às vezes é esse o problema

      Excluir
  4. Este comentário foi removido pelo autor.

    ResponderExcluir
  5. Este comentário foi removido pelo autor.

    ResponderExcluir
  6. Inseri o código conforme explicado mas no label dos marcadores ele divide em duas colunas mas apenas mostra o resultado dos marcadores na coluna 1, deixando em branco a coluna 2. Como fazer para resolver isso?

    ResponderExcluir
  7. Inseri o código conforme explicado mas no label dos marcadores ele divide em duas colunas mas apenas mostra o resultado dos marcadores na coluna 1, deixando em branco a coluna 2. Como fazer para resolver isso?

    ResponderExcluir
  8. Muito obrigada por esse tutorial me ajudou muito beijos :*

    http://beijouva.blogspot.com.br/

    ResponderExcluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!