Como dividir o widget de etiquetas em duas colunas

Quando você tem um blog com uma grande quantidade de etiquetas (categorias/marcadores) e uma barra lateral mais larga, poderá dividir a lista em duas colunas ou mais, por uma questão de ordem estética e economia de espaço.
É muito simples e basta adicionar um pequeno código CSS antes de ]]></b:skin>    :

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

Considere que:

• A largura (width) vai depender de quantas colunas se quer incluir e nem sempre é exato, porque o widget de etiquetas vai herdar a largura da sidebar (.sidebar ul li ou similar). Neste caso, 45% está bom para duas colunas; para 3 colunas, talvez fique bem com 30 ou 33%.Você poderá ajustar este valor e visualizar, até que fique do seu gosto.
• No meu caso, no blog Pérolas Esparsas, como na imagem acima, eu deixei width: 42%.

• O referencial #Label1, pode variar. Por certo, o widget de etiquetas (se tens apenas um), deverá ser Label1; mas, se tens dois, teria  um widget de ID Label1 e outro Label2.

• Podes dividir qualquer widget de lista (exemplo, lista de blogs, lista de links) da mesma forma, apenas verificando a ID do widget e modificando no código que será acrescentado.

Testado e aprovado!!!  Espero que seja útil para você, caso queira usar. Mas, ainda prefiro nuvem de tags original do Blogger...

Original em Espanhol: Chica Blogger

Posted in: Tutoriais,Widgets