Dividir el widget de etiquetas en dos

Cuando tienes muchas etiquetas y una barra lateral bastante ancha, puedes plantearte dividir el widget de etiquetas en dos columnas, es decir, que en vez de tener una columna de etiquetas hacia abajo, tengas dos para usar más espacio en el ancho de la sidebar y menos en el largo.
Para realizar esto sólo tienes que entrar en Diseño, Edición de HTML y sin marcar la casilla de expandir artilugios añades el siguiente código antes (arriba) de ]]></b:skin>:
#Label1 ul li{
float: left;
width: 45%;
}
Dependiendo del ancho de la sidebar o del lugar donde esté ubicado el widget de etiquetas, se mostrarán en dos o tres columnas, ya que el ancho de cada columna está determinado en porcentajes (width: 45%;).
Si cambiamos el valor de width por un valor menor y dependiendo siempre del ancho disponible, conseguiremos más columnas y si lo cambiamos por un valor mayor conseguiremos menos columnas.

Para este truco sólo tienes que tener un gadget de etiquetas en el blog, ya que si tuvieses dos tendrías que cambiar el #Label1 ul li{ por #Label2 ul li{

4 comentarios:

  1. Hola Hector, podrías poner un tutorial de como programar entradas en blogger, es que no me aclaro. Gracias

    ResponderEliminar
  2. Anónimo dijo...

    Hola Hector, podrías poner un tutorial de como programar entradas en blogger, es que no me aclaro. Gracias


    Aquí lo tienes:
    http://tutoshector.blogspot.com/2010/05/programar-entradas-en-blogger.html

    ResponderEliminar
  3. Buenas, no entendi mucho. Uso wordpress, adonde pongo el codigo? gracias

    ResponderEliminar
  4. Anónimo dijo...

    Buenas, no entendi mucho. Uso wordpress, adonde pongo el codigo? gracias

    Hola, esto sólo se puede hacer en Blogger, ya que utiliza códigos diferentes.

    ResponderEliminar

BUSCA EN EL BLOG