lunes, 14 de diciembre de 2009

Etiquetas en dos columnas

A medida que vamos publicando más post en el blog van aumentando también el número de etiquetas hasta hacerse una fila larga y poco estética...Una forma de solucionar esto sería poner las etiquetas en dos columnas.

Para conseguirlo, seguimos los siguientes pasos:

1.§ Vamos a Diseño - Edición de HTML.

2.§ Luego, buscamos el id del widget de etiquetas. Será sencillo de localizarlo si es que tiene un nombre. Por ejemplo, si mi gadget se llama "Las etiquetas" busco este nombre. Cuando lo encuentre se verá así:
<b:widget id='Label1' locked='false' title='Las etiquetas' type='Label'>

Entonces, el id de este gadget es lo que está en negrita (Label1) no incluyendo las comillas.

3.§ Una vez que tengamos el id del gadget de etiquetas, buscamos lo siguiente: si nuestra plantilla es la mínima buscamos:

/* Sidebar Content
-------------------------------*/

Si usamos la plantilla rounders, buscamos:

/* Sidebar Boxes
-------------------------------*/

4.§ Debajo de éste pegamos lo siguiente; si el id de nuestro gadget de etiquetas es distinto a Label1, deberán de cambiarlo:
#Label1 ul li{
float: left;
width: 40%;
}

Damos click a guardar; el resultado será el siguiente:

No hay comentarios:

Publicar un comentario