Mostrar las etiquetas de Blogger como cortina de opciones

Febrero 5th, 2008 | Publicado por Francisco en Blogger, Tutoriales | 17 Comentarios

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.

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.

Respuestas

Feed | Dirección de Trackback

Fernando:

Febrero 5th, 2008 a las 7:47 am (#)

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

Febrero 5th, 2008 a las 11:50 am (#)

¿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
Luis:

Febrero 5th, 2008 a las 12:40 pm (#)

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

Saludos
ChimboteXtremo:

Febrero 5th, 2008 a las 12:42 pm (#)

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.
SEbat:

Febrero 6th, 2008 a las 9:18 am (#)

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
esteban:

Febrero 6th, 2008 a las 5:01 pm (#)

muchas gracias porque buscaba esto desde hace dias
VROMO:

Febrero 6th, 2008 a las 9:03 pm (#)

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
Francisco:

Febrero 7th, 2008 a las 1:10 am (#)

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!
SEbat:

Febrero 8th, 2008 a las 9:15 pm (#)

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!
vromo:

Febrero 9th, 2008 a las 4:37 am (#)

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

Febrero 10th, 2008 a las 4:14 pm (#)

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:
SEbat:

Febrero 10th, 2008 a las 7:56 pm (#)

¿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!
SEbat:

Febrero 15th, 2008 a las 4:31 pm (#)

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…
D@S:

Abril 5th, 2008 a las 10:58 pm (#)

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.
Martin:

Julio 30th, 2008 a las 4:23 pm (#)

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.
Alejandra:

Agosto 19th, 2008 a las 3:52 am (#)

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!

Trackbacks

Blogger’da Etiketleri Açılır Kapanır Yapmak » Emre Zeytin en Junio 30, 2008 a las 3:22 pm

Deja tu comentario

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios no estén fuera tema, no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán eliminados. Recuerda que puedes usar nuestro foro para otros temas y preguntas.

Fernando:

Febrero 5th, 2008 a las 7:47 am (#)

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

enano:

Febrero 5th, 2008 a las 11:50 am (#)

¿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

Luis:

Febrero 5th, 2008 a las 12:40 pm (#)

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

Saludos

ChimboteXtremo:

Febrero 5th, 2008 a las 12:42 pm (#)

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.

SEbat:

Febrero 6th, 2008 a las 9:18 am (#)

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

esteban:

Febrero 6th, 2008 a las 5:01 pm (#)

muchas gracias porque buscaba esto desde hace dias

VROMO:

Febrero 6th, 2008 a las 9:03 pm (#)

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

Francisco:

Febrero 7th, 2008 a las 1:10 am (#)

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!

Febrero 8th, 2008 a las 9:15 pm (#)

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!

vromo:

Febrero 9th, 2008 a las 4:37 am (#)

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

david:

Febrero 10th, 2008 a las 4:14 pm (#)

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:

Febrero 10th, 2008 a las 7:56 pm (#)

¿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!

Febrero 15th, 2008 a las 4:31 pm (#)

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…

D@S:

Abril 5th, 2008 a las 10:58 pm (#)

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.

Martin:

Julio 30th, 2008 a las 4:23 pm (#)

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.

Alejandra:

Agosto 19th, 2008 a las 3:52 am (#)

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?