» » » Agregar Indice en Blogger

Agregar Indice en Blogger


Indice, Tabla de Contenidos o Sitemap (mapa del sitio)

Un indice en tu blog hará que se vea mas organizado, sirve para mostrar el título de todas nuestras publicaciones en una sola página,(de ahí el nombre de tabla de contenidos), logrando que el visitante, pueda acceder a una vista previa de todas nuestras entradas y pueda buscar lo que necesita, mientras mira todo lo que tenemos para ofrecerle.

Como poner un indice en el blog por regla
<script src="DIRECCION DEL SCRIPT" type="text/javascript"></script>
<script src="http://NOMBRE.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>


Para añadir el truco solo tienen que hacer lo siguiente.

►Ir a pagina.
►Crean una nueva pagina.
►Desactivan los comentarios.
►Se van a HTML.
►Pegan el siguiente código


→ También se puede añadir el indice si se crea una nueva entrada y pegan el código en el HTML, no en redactar.



Ver mas sobre Indices o Mapa del Sitio aquí.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://sites.google.com/site/cambiocambieblogger/home/IndiceCCr.css" media="screen" rel="stylesheet" type="text/css"></link><script type="text/javascript">var showNew = true, accToc = true, openNewTab = true, maxNew = 2, baru = "Nuevo!", sDownSpeed = 600, sUpSpeed = 600;</script><script src="https://sites.google.com/site/cambiocambieblogger/home/Indice.js"></script><script src="http://NOMBRE.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>



ESTE ES EL EJEMPLO







Azul
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://sites.google.com/site/cambiocambieblogger/home/IndiceCCa.css" media="screen" rel="stylesheet" type="text/css"></link><script type="text/javascript">var showNew = true, accToc = true, openNewTab = true, maxNew = 2, baru = "Nuevo!", sDownSpeed = 600, sUpSpeed = 600;</script><script src="https://sites.google.com/site/cambiocambieblogger/home/Indice.js"></script><script src="http://NOMBRE.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


Negro
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://sites.google.com/site/cambiocambieblogger/home/IndiceCC.css" media="screen" rel="stylesheet" type="text/css"></link><script type="text/javascript">var showNew = true, accToc = true, openNewTab = true, maxNew = 2, baru = "Nuevo!", sDownSpeed = 600, sUpSpeed = 600;</script><script src="https://sites.google.com/site/cambiocambieblogger/home/Indice.js"></script><script src="http://NOMBRE.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


Verde
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://sites.google.com/site/cambiocambieblogger/home/IndiceCCv.css" media="screen" rel="stylesheet" type="text/css"></link><script type="text/javascript">var showNew = true, accToc = true, openNewTab = true, maxNew = 2, baru = "Nuevo!", sDownSpeed = 600, sUpSpeed = 600;</script><script src="https://sites.google.com/site/cambiocambieblogger/home/Indice.js"></script><script src="http://NOMBRE.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>



Si te gusta la entrada compártela.

¡Gracias!

2 comentarios:

  1. Anónimo6/3/16

    ¿Como hago para cambiarle el color?

    ResponderEliminar
    Respuestas
    1. Cambio-Cambie18/3/16

      Hola, he actualizado el post agregando el diseño con tres colores.

      Eliminar

▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top