Anterior mente veíamos cómo poner un mapa del sitio o índice en blogger, donde el script nos muestra una lista de todas las entradas divididas por categoría, pero el script ha sido modificado nuevamente por el genio abu-farhan donde ahora lleva un bonito efecto acordeón que al hacer click sobre una categoría se despliegan todas las entradas y luego las oculta, pueden verlo funcionando en mi blog de pruebas.
Si tu blog cuenta con muchas entradas este estilo de índice te vendía bien, ya que permite que el usuario del blog escoja más rápido la categoría que más le interesa y con un solo click desplegar todas sus entradas. Unas de las mejoras que tienes este script es que el color del contenido es diferente, tiene hojas de estilo CSS 3 algo que lo hace ver más profesional, además, ya no necesitas editar la fecha algo que teníamos que hacer con el anterior script. Los títulos se ordenan automáticamente, las 10 últimas entradas llevan el texto Nuevo!! en color rojo. Esta última parte la he modificado yo para cambiar el texto New!! por Nuevo!! para los blog en español.
Para ponerlo en tu blog crea una página estática o una entrada normal, luego en el editor de entradas en la parte superior derecha pincha en Edición de HTML y pega el siguiente código:
Código para blog en Español
Código para blog en Español
<link href="http://dl.dropbox.com/u/3373498/PazosBlogger/acc-toc.2.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://dl.dropbox.com/u/3373498/PazosBlogger/daftarisiv2-pack.2.js">
</script>
<script src="http://www.url/de/tu/blog/blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://dl.dropbox.com/u/3373498/PazosBlogger/accordion-pack.2.js" type="text/javascript">
</script>
<script src="http://dl.dropbox.com/u/3373498/PazosBlogger/daftarisiv2-pack.2.js">
</script>
<script src="http://www.url/de/tu/blog/blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://dl.dropbox.com/u/3373498/PazosBlogger/accordion-pack.2.js" type="text/javascript">
</script>
Código para blog en Inglés
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.url/de/tu/blog.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.url/de/tu/blog.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
Cambia lo que está en color rojo por los datos de tu blog, publicas la entrada y listo. Si el código para blog en español no funciona en tu blog, intenta con el código para blog en inglés.
Vía | Abu-Farhan
24 comentarios:
Amigo, no me funciono, me tira arror por la etiqueta link? no se puede poner en una entrada individual???
Hola @rielCastellanos, puedes ponerlo en una entrada o en una página estática como tu lo prefieras, y si te da error marca la casilla para que dejo de mostrar error y publica tu entrada.
Saludos!
Hola, no se si probarlo por que en mi blog el mapa del sitio funciona mal con explorer, creo que por que llevo casi 1500 post y cada uno con tres o cuatro tags.
¿Se puede limitar para mas de 1000 post?
Que genialidad algo así estaba buscando, cuando tenga tiempo lo instalo
Un saludo!
Hola Watesam, la verdad es que es muy bonito el índice tienes que probarlo, por cierto he actualizado el post. Otro saludo para ti.
Hola Alberto, si lo pruebas en tu blog, en el código cambia el valor 1000 por 2000 por ejemplo, y prueba si funciona yo creo que irá bien. Saludos!
Hola de nuevo
Estoy intentando probarlo en mi blog, pero al ponerlo en el editor de entradas me sale un mensaje que pone "Su HTML no es aceptable: Tag is not allowed: LINK"
y resalta las dos primeras líneas del código, ¿que puedo hacer?
Alberto, solo marca la casilla "dejar de mostrar error HTML en la entrada" y publica tu entrada, verás que funciona perfectamente. Saludos!
Alberto solo me funciona en el apartado artículos, los otros desplegables no se despliegan. ¿Qué habré hecho mal?
Puedes comprobarlo en www.notascordobesas.blogspot.com
Un abrazo
Hola Paco Muñoz, intenta con el código para blog en inglés, y si te funciona bien lo dejas con ese código, ya que solo cambia la palabra Nuevo! por New! y si no funciona puede que sea incompatible con algún script que tienes en tu plantilla. Saludos!
Alberto he cambiado el código en inglés y sigue haciendo lo mismo, sólo relaciona 153 entradas y no despliega nada más que la etiqueta artículos. Además también se sale al tener el título un determinado largo de los margenes. Posiblemente será un incompatibilidad. Al cambiar esta plantilla observe que desapareció un sistema de lectura de las entradas por voz, que tenía, y la presencia de cuatro referencia a artículo o entradas relacionadas.
Muchas gracias de todos modos por tu interés.
ok, paco lastima que no funcione en tu plantilla, ya que es un bonito indice. Un saludo!
Vi tu visita en MI BLOG espero recuerdes con la url
Bueno venia a felicitarte por tan genial blog probe esto y se ve genial en mi blog
http://curiosidadesofworld.blogspot.com/p/mapa-del-sitio.html
muy buen blog muy recomendable me voy a ser fanatico de Pazos Blogger
Hola, quiero darte las gracias, estaba buscando algo asi y me quedo genial
gracias
un saludo
Hola AlexG, me alegra saber que te ha gustado el blog, respecto al índice, la verdad es que funciona bien en tu sitio, ademas, se ve perfecto. Ya estaré más seguido por tu blog hay cosas curiosas para curiosos como yo. Saludos!
Hola Teofermi, gracias a ti por tu comentario, un gusto leerte. Saludos!
La verdad que esta muy bueno el indice como lo muestras aca...
He probado de todas las formas posibles que se puedan imaginar pero no logre hacerlo funcionar en mi blog.... una lastima... pero bueno ya esta.
De todas formas muy agradecido. Saludos
Hola ingenieria-civil09@hotmail.com, la verdad que esté script tiene muchas incompatibilidad con otros script es por eso que no funciona en algunas plantillas, así que a los que les funciona es una suerte grande ya que es bonito este índice. Pero puedes probar este otro índice. Saludos!
holaa capo, sabes qe no se en que parte debo pegarlo, si me podrias orientar te lo agradeceria!
gracias,. saludos
Hola -- DaMiaN --, has lo siguiente crea una nueva Entrada, verás que en la parte superior derecha del editor de entradas hay dos pestañas Edición de HTML y Redactar pincha en "Edición de HTML" y pega el código en tu entrada, cambia por la URL de tu blog donde indica y publicas tu entrada y listo. Saludos!
Pues estoy tratando de hacer algo así. Una duda, no podemos bajar el archivo scrip y alojarlo por nuestra cuenta por si acaso algún día ya no está disponible en esa dirección????. Disculpa la ignorancia y gracias por tu atención.
Hola josue, claro que puedes, por ejemplo lo puedes subir a tu propia cuenta de Dropbox. Los script son los que están de color verde en el código de arriba.
Saludos!
El código en español no me resulto, si me desplegaba el mapa de sitio, pero no como en la imagen ni tampoco con el efecto de acordeón.
Probé el ingles y si me funciono, pero no se veía como en la imagen, pero si con el efecto en acordeón.
Decidí experimentar y ponerlo en una entrada Y también ponerlo como el gadget que te permite manejar html/javascript. De esta forma si se veía como con la imagen y si generaba el efecto acordeón, pero en cuanto se desplegaba una categoría se contraía rápidamente y no me daba tiempo de darle clic a ninguna opción.
Al final provee cada Script de manera individual y pues al final descubrí que el que no funciona correctamente es el script que genera el efecto de acordeón.
Todos los demás funcionan perfectamente.
En conclusión, o el script encargado exclusivamente del efecto de acordeón no funciona, o mi plantilla simplemente no puede reconocer ese script.
Anónimo, es cierto lo que dices, en algunas plantillas no va este Script, no se cual será el problema, pero en cuanto tenga tiempo veré como solucionarlo. Saludos!
Como puedo cambiarle los colores del indice?
En mi blog me aparecen cada linea del indice de un color blanco y gris, como puedo cambiarlo?
Quieres Comentar
Todos los comentarios están siendo leídos y moderados.
- Todos los comentarios deben ser relacionados con el artículo
- Serán borrados aquello comentarios que sean considerado SPAM
- Si quieren pedir ayuda,que no tenga nada que ver con el post, utilicen la página de Contacto
- Los comentarios serán publicados a la brevedad mínima posible
¿NO PUEDES COMENTAR?
¡Si no puedes ver la caja donde tienes que poner la palabras de verificación, has clic en donde dice "Verificación de palabras" y te saldrá la cajita donde tienes que ingresar la palabra!
NO TE OLVIDES DE RECOMENDAR PAZOSBLOGGER.COM A TUS AMIGOS