Mil Trucos Blogger

Crear un Indice por etiquetas

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
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

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

27 Comentarios

  1. enero 19, 2014    

    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 🙂

    • enero 22, 2014    

      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. [-(

    • enero 25, 2014    

      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 🙂

    • enero 26, 2014    

      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 @-)

    • enero 29, 2014    

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

  2. enero 20, 2014    

    Hola, No Me Funciona ;(( Ya e Intentado Con Varios Sistemaps Pero Ninguno Me Funciona, Me Pordrias Decir Si Tienes La Solucion De Este Problema. Gracias y Buena Pagina. 🙂

    Este Es Mi Blog: http://andromaniako.blogspot.com/

    Saludos :>)

    • enero 22, 2014    

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

  3. enero 21, 2014    

    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 ;(

    • enero 22, 2014    

      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.

  4. febrero 10, 2014    

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

  5. febrero 26, 2014    

    Cómo se podria ordenar alfabeticamente el resultado y sin hacer uso de pipes de yahoo?
    Gracias.

    • SiL SiL
      julio 25, 2014    

      sabes ya como ordenarlo alfabéticamente? yo también lo necesitaría. Gracias!

      • julio 26, 2014    

        SIL, el script es algo complejo por lo que es posible que me demore más tiempo 🙂

        Saludos

  6. febrero 26, 2014    

    Thks!

  7. mayo 26, 2014    

    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

  8. septiembre 12, 2014    

    Muy interesante su Blog, gracias por sus consejos

  9. noviembre 5, 2014    

    Me gustaría saber como ordenarlo alfabéticamente 🙁

  10. diciembre 16, 2014    

    Genial. Gracias.

  11. diciembre 16, 2014    

    hey bro gracias me quedo super mira mi web http://www.cinelatino24.net/p/indice.html

    • diciembre 17, 2014    

      Amigo te ha quedado muy bien, gracias por comentar.

      Saludos

  12. febrero 10, 2015    

    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

    • febrero 10, 2015    

      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 🙂

  13. diciembre 6, 2015    

    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

    • Juvinao Juvinao
      diciembre 6, 2015    

      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

      • diciembre 9, 2015    

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

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo