Si tienes una gran cantidad de etiquetas en tu blog o simplemente quieres ahorrar espacio en tu barra lateral cambiar los forma en que se visualiza la lista de etiquetas puede ser una opción. Una alternativa es transformar la tradicional lista por una cortina de opciones que se actualice de forma automática.

etiquetas-cortina-opciones.png

Una forma de transformarla, es la siguiente:

  • Entra a la pestaña “Plantilla”, después a la opción “Edición HTML” y activa el botón “Expandir plantillas de artilugios” (importante).
  • Busca el siguiente código:
        <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>

    Nota: Si no lo encuentras, es posible que hallas aplicado alguna modificación al código o la plantilla que instalaste lo tiene ya modifica, para tal caso puedes buscar con porciones menores de código hasta identificarlo.

  • Y sustitúyelo con el siguiente:
      <select onchange='location=this.options[this.selectedIndex].value;'>
    <b:loop values='data:labels' var='label'>
        <option expr:value='data:label.url'>
        <data:label.name/>
        <span dir='ltr'>(<data:label.count/>)</span>
        </option>
    </b:loop>
  </select>
  • Para mejorar un poco el aspecto de la cortina de opciones se le pueden aplicar algunos atributos css. Busca ]]></b:skin> y justo antes pega lo siguiente:
    /* Cortina de etiquetas */
.Label select {
width: 90%;
padding: 5px 0;
}

    Si sabes algo de CSS aplica los atributos que creas convenientes a esa clase.

  • Guarda los cambios y listo.

Debo decir la cortina de opciones no es la mejor opción para todos los blogs, pero bien puede usarse como un segundo menú de etiquetas o en los casos que el espacio lo demanden.