Etiquetas como menu desplegable en Blogger

Tweet

Si te cansaste de que tu nube de etiquetas no te dice cuantos post tienes por etiqueta puedes implementar otra forma de verlas aqui, como menu desplegable o incluso combinarla con tu nube:

Paso 1.- Ve a: Panel / diseño / Edición de HTML y respalda tu plantilla.

Paso 2.- ¿Hemos de tener creado el widget de etiquetas verdad? entonces sin expandir la plantilla de artilugios haz control + f y busca este codigó:
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

En title dice: labels, tu lo tendras como: etiquetas, temas, categorias etc...

Paso 3.- Ahora lo reemplazamos por esto sin importarte lo de labels que eso lo reemplazas luego:

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

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Etiquetas</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'/>
</div>
</b:includable>
</b:widget>

Donde dice: option cambialo por el nombre que tu le quieras dar.

Guarda tu plantilla y listo.

Ahora esto es algo especial, digamos que no quieres hacer otro widget y quieres poner esta forma de ver la etiqueta junto con tu nube de etiquetas entonces debes abrir la plantilla de artilugios haz: control + f y busca este código: <div id='labelCloud'/> ahora ve hasta el ultimo de este codigo el cual es de la nube hasta que encuentres esta ultima parte:

<noscript>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>
</noscript>
<b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

Ahora justo entre: </noscript> y <b:include name='quickedit'/> pega el codigo a continuacion:

<br/>
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Temas</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Quedara de esta forma:



Disfrutalo.