Crear menu desplegable para Etiquetas en Blogger

Para mostrar un menú desplegable como el mostrado en CGnauta en las etiquetas de Blogger, que es la forma más equilibrada para no desperdiciar tanto espacio con Nubes y listas, más cuando las etiquetas no tienen valor como enlace para Google, pues están bloqueadas para indexación en robot.txt

1. Debes agregar el artilugio de Etiquetas, en Edición de HTML, marcamos la casilla expandir plantilla.

2. Buscamos la siguiente sección:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>

Puede buscarse simplemente por el id "Label1"

3. Aqui seleccionaremos el contenido dentro de <b:widget id='Label1' locked='false' title='Etiquetas' type='Label'> y <b:include name='quickedit'/> y lo borramos. (Si no aparece quickedit, borre y vuelva a agregar las Etiquetas para resetearlo a su configuración original)

4. Pegamos el siguiente código entre <b:widget id='Label1' locked='false' title='Etiquetas' type='Label'> y <b:include name='quickedit'/>

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Seleccione la categoria</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Deberá quedar como:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Seleccione la etiqueta</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>

Pulse en Previsualizar debe funcionar, he cambiado la instrucción data:title en Option para evitar que se ela Etiquetas dentro de la caja de selección, reemplazandola por "Seleccione la etiqueta".

Si no desea que se muestre el número de post por categoria, remueva: (<data:label.count/>)

CSS para gestionar el artilugio
Ahora necesitamos agregar una regla css, a la sección de CSS de su plantilla:

#Label1 select
{
width:200px !important; /* Esto es el ancho de la caja de selección */
margin-left: 20px; /* con este valor centra la caja desplegable */
padding:4px; /* Controla separación interna no es necesario modificar*/
}

El ancho de la barra la he ajustado a 200px, pues de otra forma el tamaño automático dará problema con los elementos internos. Los comentarios entre /* */ pueden ser removidos, aunque no afectan en nada si los pega como están. El parámetro margin:0 auto; en caso de querer centrar la caja no funcionará, así que usamos margin-left para alinear al centro.