English Português

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.

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Fernando / Hace 9 años /

      Muy bueno es code,, útil xq hay veces que las etiquetas son tantas que hay que organizar, graxias Francisco!!!

      Responder a Fernando →
    2. enano / Hace 9 años /

      ¿Se pueden utilizar etiquetas de blogger como subcategorías? estuve buscando y no encontre nada.
      Quiero decir por ejemplo, tener una etiqueta de “Photoshop”, y dentro de esta, una de “tutoriales” y otra de “recursos”. Así:

      Etiquetas
      -Flash
      -Dreamweaver
      -Photoshop
      —Tutoriales
      —Recursos
      -Corel
      -Otros

      Responder a enano →
    3. Luis / Hace 9 años /

      Supongo que lo que plantea enano es mas acerca de un Menu, donde las URL serian las direcciones de las etiquetas..

      Saludos

      Responder a Luis →
    4. ChimboteXtremo / Hace 9 años /

      Man no se porque realize todos lo pasos pero a la hora q selecciono una de las etiquetas esta no se activa, es decir no no funciona escojha la que escoja igual no funciona no se a q se deba francisco, espoero puedas ayudarme amigo.

      Responder a ChimboteXtremo →
    5. SEbat / Hace 9 años /

      Tambien he realizado el procedimiento paso a paso, las estiquetas se muestran como “cortinas de opciones” pero al momento de seleccionar una categoria, el link no funciona, se devuelve un error.

      Espero su ayuda… gracias.
      http://cazadorsonyericsson.blogspot.com

      Responder a SEbat →
    6. esteban / Hace 9 años /

      muchas gracias porque buscaba esto desde hace dias

      Responder a esteban →
    7. VROMO / Hace 9 años /

      Una pregunta para el webmaster y conocedores:

      Es conveniemnte crear una etiqueta muy especifica para cada tipo de entrada,o agrupar mejor todas las entradas en pocas etiquetas..Por ejemplo poner solo Deportes,y no una etiqueta para cada deporte del cual se escriba una entrada??(rugby,futbol,beisol,voleyball,basketball,triatlon,etc.
      o mejor poner solo deportes como etiqueta)

      Espero se entienda mi cuestion
      saludos

      Responder a VROMO →
    8. Francisco / Hace 9 años /

      Fernando, sin duda, hay blogs incluso con más etiquetas que post.

      enano, no lamentablemente blogger solo tiene un nivel de etiquetas, donde todas tienen igual valor o te refieres a lo que dice Luis?

      ChimboteXtremo, ya corregí el error, disculpa, en el código que hallas pegado solo cambia ” href ” por ” value ” (sin comillas ni espacios claro). El código del post ya esta corregido, me falto el pequeño gran detalle de verificar que funcionaran más a allá del previo de la plantilla.

      SEbat, lo mismo que a ChimboteXtremo.

      esteban, en varios casos es necesario esto.

      VROMO, procura tener etiquetas muy generales, para no caer en tener un exceso de etiquetas, por ejemplo, de 15 – 20 etiquetas esta bien, pero también depende del tema y la cantidad de información. Un regla que uso es que si escribiré más de 10 post sobre ese tema, merece etiqueta.

      Saludos!

      Responder a Francisco →
    9. SEbat / Hace 9 años /

      Me ha funcionado muy bien, el problema que surge ahora es el siguiente: el primer item de la lista no funciona al momento de seleccionarlo, no deriva a los post correspondientes.

      Espero me puedas ayudar…
      Muchas gracias.

      PD: Excelente web!

      Responder a SEbat →
    10. vromo / Hace 9 años /

      Gracias,seguimos en contacto…te agrego a mi blogroll,espero me agregues de rebote ..gracias!!

      Responder a vromo →
    11. david / Hace 9 años /

      no encuentro el codigo

      # Para mejorar un poco el aspecto de la cortina de opciones se le pueden aplicar algunos atributos css. Busca ]]> y justo antes pega lo siguiente:

      Responder a david →
    12. SEbat / Hace 9 años /

      ¿Alguien que me pueda ayudar con el problema que mencione el 8 de febrero a las 9:15pm?

      Realmente agradeceria sus respuestas y/o comentarios para solucionar este caso.

      Gracias!

      Responder a SEbat →
    13. SEbat / Hace 9 años /

      Esta muy buena esta opcion de la “lista” para las etiquetas, pero aun no puedo solucionar el problema del primer item, que cuando se seleciona no funciona como lo comente el 8/2/08.

      Alguien que pueda ayudar 🙂

      Atento a los comentarios…

      Responder a SEbat →
    14. D@S / Hace 9 años /

      Sebat: lo que yo hice fue crear una etiqueta (en un post cualquiera) que se llame “-Categorias” esa por defecto la coloca primero, y luego continuan las etiquetas normales al abrir la cortina.

      Responder a D@S →
    15. Martin / Hace 8 años /

      Hola exelente la informacion.
      Quisiera pedirte por favor si me puedes ayudar en algo que he buscado como loco por todas las paginas y no he encontrado.
      Yo tengo Blogger y no se como hacer para que cuando entre a mi blog se abra en la etiqueta o pestaña denominada principal y que luego de ahi pueda seleccionar la otra pestaña que quiera ver.
      Si me pudieras ayudar te lo agradeceria un monton desde ya
      muchas gracias,mi correo es sermartin@adinet.com
      saludos.

      Responder a Martin →
    16. Alejandra / Hace 8 años /

      Hola!
      Estoy intentano aplicarlo pero me da el siguiente error:

      Mensaje de error de XML: The value of attribute “onchange” associated with an element type “null” must not contain the ‘<‘ character.

      Sabeis que es lo que estoy haciendo mal?

      Gracias!

      Responder a Alejandra →
    17. Enoc / Hace 8 años /

      valeu suas dicas são de mais,bem explicadas
      apesar de ser em espanhol muito obrigado!!!

      Responder a Enoc →
    18. jesus / Hace 8 años /

      Hola, muy buena tu explicacion, dime ya lo puse en mi blog pero el problema que tengo es que cuando selecciono una etiqueta me gustaria que se quede en la cortina con el nombre seleccionado ya que esto lo asocio con una imagen al lado izquierdo y como que confunde, ojala me entiendas… por ejemplo si elijo en la cortina de la etiqueta sala quisiera que se quede la cortina seleccioanda en sala ya que la imagen si lo hace mas no el nombre seleccionado regresando asi al nombre que tenia por defecto….www.construcarq.blogspot.com.

      gracias jesus

      Responder a jesus →
    19. betto / Hace 6 años /

      hola tienes un blog fenomenal e modificado muchisimo mi plantilla y quedo super bien mi pregunta es cuando e aplicado este truco mis etiquetas salen con con numeros por ejemplo Peliculas online 46
      Imagenes funny 50

      Se puede de algun modo quitar los numeros
      Mostrar cantidad de entradas por etiqueta es demarcada

      Responder a betto →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad