Crear un Indice por etiquetas

Tener un indice en nuestro sitio, digamos que no es tan importante, pero vale la pena incorporarlo en nuestro blog ya que mediante este ayudas al usuario a guiarse mucho más fácil, porque le estas mostrando solo el título del artículo lo que a diferencia de otros índices este ahorrará mucho más espacio.
El indice es muy beneficioso, pues organiza por categorías las entradas del blog, por ejemplo si tienes un blog de salud, puedes organizar las entradas por palabras clave como dietas, enfermedades, paroxetina engorda, medicamentos, etc,
También vale mencionar que los títulos de los artículos están enumerados, lo que mostrará cuantos artículos tiene cada etiqueta.
Solo pegas el siguiente script en la edición html de una pagina estática:
<script src="https://googledrive.com/host/0B-WopI-jeOOsT1NPRC1acHpxWmc/indice.js"></script> <script src="url-de-tu-blog/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Recuerda reemplazar lo que se encuentra resaltado en rojo por la url de tu blog.

Insertar índice con etiquetas específicas

El código anterior hará que se muestre todos las etiquetas de tu blog y por ende todos tus artículos, pero si lo que quieres es solo insertar los artículos de una etiqueta, deberás usar el siguiente código:

<script type ="text/javascript" > function recentpostslist(json) {
    document.write('<ul>');
    for (var i = 0; i < json.feed.entry.length; i++) {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {
            if (json.feed.entry[i].link[j].rel == 'alternate') {
                break;
            }
        }
        var entryUrl = "'" + json.feed.entry[i].link[j].href + "'"; //bs
        var entryTitle = json.feed.entry[i].title.$t;
        var item = "<li>" + "<a href=" + entryUrl + '">' + entryTitle + "</a> </li>";
        document.write(item);
    }
    document.write('</ul>');
} </script>
<b>Nombre Etiqueta 1</b><br/>
<script src="http://url-de-tu-blog/feeds/posts/summary/-/NOMBRE_ETIQUETA?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>

Ahora solo queda reemplazar la url de tu blog y el nombre de la etiqueta.
Si quisieras agregar otra etiqueta, solo inserta debajo del código anterior esto:

<b>Nombre Etiqueta 2</b><br/>
 <script src="http://url-de-tu-blog/feeds/posts/summary/-/NOMBRE_ETIQUETA?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>
0
Shares

27 thoughts on “Crear un Indice por etiquetas

  • enero 19, 2014 en 4:13 pm
    Permalink

    me funciona muy bien justo lo que andaba buscado solo una cosa acada enlace se le podria poner un icono pero dependiendo de otra etiqueta por ejemplo en una etiqueta se llama A tiene 8 post pero solo 3 son peliculas que estos post tengan un icono para diferenciarlos seria de mucha ayuda si me pudieras dar algun consejo y muchas gracias 🙂

    Responder
    • enero 22, 2014 en 12:10 am
      Permalink

      Hola Cronos_2012, con respecto a la pregunta que acabas de plantear, creo que es casi imposible ya que este script funciona de forma automática y por lo tanto me es difícil modificar los códigos del script. [-(

      Responder
    • enero 25, 2014 en 2:53 am
      Permalink

      hola gracias por tomarte tu tiempo para responderme pero si no me explique bien serie que si la etiqueta seleccionada tuviese x etiqueta previamente indicada en el scryp le agregase un icono por toma como ejemplo la img new a los post nuevos algo asi para diferenciar un contenido de otro de ante mano muchas gracias 🙂

      Responder
    • enero 26, 2014 en 9:31 pm
      Permalink

      Lo siento amigo, eso es imposible de hacer, el script no lo hice yo, solo lo dí a conocer o compartir a los fans de este blog, por lo tanto no puedo modificar el script a mi gusto @-)

      Responder
    • enero 29, 2014 en 9:23 pm
      Permalink

      hola amigo gracias por responderme pero decasualidad podrias decirme quien lo diseño para poder preguntarle

      Responder
    • enero 22, 2014 en 12:13 am
      Permalink

      Hola Andro, bueno, no puedo solucionar tu problema por la razón de que no explicas detalladamente lo que ocurre cuando insertas el script, yo lo e probado muchas veces y me ha funcionado de maravilla.

      Saludos :>)

      Responder
  • enero 21, 2014 en 10:44 pm
    Permalink

    ese sitemap ya me tiene molesto con sus errores ya que no rastrea todos lo labels de la página y simplemente me muestra 500 como máximo aunque yo modifiqué el código par que mediera un valor mayor pero no lo hace Este es mi blog ;(

    Responder
    • enero 22, 2014 en 8:45 pm
      Permalink

      Hola Cristian, creo que al momento de modificar aquella entrada o pagina en la que se encuentra el script, ocurre algun problema y cuando lo actualizas esa entrada o pagina, las etiquetas ya no sirven, por lo que es más recomendable de que modifiques el script antes de insertarlo en un pagina estática.

      Responder
  • febrero 10, 2014 en 10:53 pm
    Permalink

    Hola, solo me funciona con explorer …con safari y fierfox no hay manera Porque sera?

    Responder
  • mayo 26, 2014 en 9:41 am
    Permalink

    Hola. Inserté el código en mi web y tengo dos problemillas

    El primero es que quiero introducir un OR en la selección de posts por etiquetas. Lo primero que se me ha ocurrido es usar || pero no funciona.

    [resto del código] summary/-/NOMBRE_ETIQUETA1 || NOMBRE_ETIQUETA2?max-results=500&alt=json-in-script&callback=recentpost [resto del código]

    En otros sitios como las pestañas lo he conseguido así que alguna manera habrá.

    El segundo es que cuando quiero editar el código para añadir categorías, se me abre la edición de texto, no la html y entonces borra algo (no se el qué exactamente) y se va el código a la mierda. Me toca volver a copiar y pegar todo el contenido entre “script” y “/script” de cada vez. ¿Eso se puede evitar?

    Pues gracias por el código y a ver si se puede hacer algo con mis dudas

    Responder
  • febrero 10, 2015 en 5:59 am
    Permalink

    Holaa!!! Jonathan…
    me gusto el indice me ayudo pero ahora tengo un problema y necesito tu ayuda…
    Yo utilice este indice en una plantilla anterior a la que tengo actual pero al cambiar de plantilla por una sencilla de blogger no me funciona el script… simple mente al colocarlo en la edicion HTML de mi pagina de Indice no aparece…
    Ayudaaa =C

    Responder
    • febrero 10, 2015 en 8:32 pm
      Permalink

      Hola Alice podrías dejar la URL de tu blog; el problema con el cambio de plantilla es que hay veces que estas contienen algún código o script que causa conflicto con otros scripts que tienes agregados.

      Saludos 🙂

      Responder
  • diciembre 6, 2015 en 3:26 pm
    Permalink

    Hola buenas tardes, disculpa que te moleste. Tengo el índice en mi blog desde hace mucho tiempo y siempre me ha funcionado bien, tardaba un poco en cargar pero luego bien. Desde hace unos días no me salen todas las entradas que tengo publicadas en el blog, a pesar de estar etiquetadas, y esto me ocurre sobre todo con entradas antiguas. Si buscas la receta en etiquetas si que aparece pero es muy engorroso. Sabrías darme la solución. Muchas gracias por compartir !! Saludos

    Responder
    • diciembre 6, 2015 en 4:18 pm
      Permalink

      Hola Mara tienes un blog muy bonito, ya entrando en materia, he revisado el indice y en efecto sucede lo que dices, me podrías indicar cuantas entradas has publicado?

      Quedo atento a tu respuesta.

      Saludos

      Responder
      • diciembre 9, 2015 en 3:00 pm
        Permalink

        Muchas gracias por pasarte por el blog y contestar!! Tengo 536 entradas publicadas. Espero encontrar una solución porque es un poco desesperante. Gracias de nuevo!!

        Responder

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *