Listar datos sidebar a dos columnas

Si tenemos un blog con una sola sidebar una forma de ahorrar espacio al listar enlaces, etiquetas, archivos, etc. es listarlos a dos columnas.

Se puede conseguir fácilmente con muy poco css.

#sidebar .LinkList lu li controla los enlaces.

#sidebar .Label lu li controla las etiquetas.









#sidebar .BlogArchive lu li controla los archivos del blog.







En la plantilla mínima de blogger buscamos Sidebar Content y debajo tendriamos que añadir el siguiente código :

#sidebar .LinkList ul li, 
#sidebar .Label ul li,
#sidebar .BlogArchive ul li{
width: 90px;
float: left;
margin-right: 5px;
display: inline;
}

en cualquier caso lo podemos añadir antes de ]]></b:skin>.

width: 90px; es la anchura de cada columna
float: left; coloca los datos a la izquierda
margin-right: 5px; coloca un espacio de 5px a la derecha de cada columna
display: inline; muestra los datos en linea

Si en nuestra plantilla la anchura de la sidebar es diferente a la de la plantilla mínima (220px) hay que modificar width y margin-right para adaptarla, teniendo en cuenta que el ancho col1 + margin-right + ancho col2 + margin-right debe ser inferior a la anchura total de la sidebar.