Indice alfabético blogger. Etiquetas expandibles

Para el Blogger: Cuando hay muchas etiquetas en tu blog, tal vez requieras un clasificarlas y así mostrar un índice alfabético basado en etiquetas. Se formara un índice con las letras desde la "A" hasta la "Z" y al pulsar la letra "A", esta se expanderá para mostrar todas las etiquetas que empiecen con la letra "A". Mira el ejemplo del índice alfabético en este blog. Para ello realiza los siguientes pasos. Desde "Diseño". "Elementos de pagina", agregue una sección "Etiquetas" a su blog. Luego vaya a 'Edición de HTML" y active la casilla "Expandir plantillas de artilugios". Busque algo similar a:

  
class='"widget-content " + data:display + "-label-widget-content"'>
    cond='data:display == "list"'>
      
      values='data:labels' var='label'>         
                                                                                   ()                    
             
    
      
        
          
            
          
            
          
          
            ()
          
        
      
    
    
  

y elimine todo el texto entre los " " que se muestra en color amarillo y reemplácelo con lo siguiente:

<script type='text/javascript'>

  // definición de las variables utilizadas
  var elBlog =""; // la URL del blog
  var listaEtiquetas = new Array(); // el array que contendrá las etiquetas
  var listaEtiquetasNum=0; // contador auxiliar
  var laSeccion = ""; // guarda los nombres de las categorías
  var elEnlace =""; // el enlace a cada subcategoría

  // usamos los datos de Blogger para recopilar todas las etiquetas del blog
  
    // leemos el nombre de cada una de las etiquetas
    var elNombre = "";
    // lo guardamos en el array
    listaEtiquetas[listaEtiquetasNum] = elNombre;
    listaEtiquetasNum ++; // incrementamos el contador
  

  // función auxiliar para expandir y contraer las secciones
  function linkLista(cual) {
    var idListaUL = document.getElementById(cual);
    if(idListaUL.style.display == 'none') {
      idListaUL.style.display = 'block';
    }else{
      idListaUL.style.display = 'none';
    }
    return false;
  }

Guarde la plantilla y ya cuenta con un indice alfabético de etiquetas (basado en la idea de JMiur) Mira el ejemplo del índice alfabético en este blog.