Anterior mente he escrito dos artículos donde explico cómo poner un índice o mapa del sitio en blogger, y poner un índice en blogger con efecto acordeón, el script que muestra está tabla de contenido ha sido creado por Amanda y modificado tres veces por el genio Abufarhan.
Hoy día les traigo un estilo nuevo de esta tabla de contenido o índice que lo podemos utilizar en nuestro blog de blogger, les dejo dos códigos uno para blog en inglés, y otro para blog en español el cual he modificado una pequeña parte del código para que salga el texto New!! en español Nuevo!!. El texto nuevo aparece automáticamente al lado del título de las 10 últimas entradas. Puedes verlo funcionando en mi blog de pruebas.
Para poner este mapa del sitio en tu blog, crea una página estática o una entrada lo que tú prefieras, luego en el Editor de entradas pincha en la pestaña Edición de HTML y pega uno de los siguientes códigos:
Código para blogs en español
<link rel="stylesheet" href="http://sites.google.com/site/pazosblogger/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://sites.google.com/site/pazosblogger/daftarisiv2.txt"></script>
<script src="http://tu/blog/.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<script style="text/javascript" src="http://sites.google.com/site/pazosblogger/daftarisiv2.txt"></script>
<script src="http://tu/blog/.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Código para blog en inglés
<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://tu/blog/.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://tu/blog/.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Luego cambia lo que está en color rojo por la URL de tu blog. Si al publicar la entrada te sale el mensaje de "su HTML no es aceptable" pincha en la casilla dejar de mostrar errores HTML en el cuerpos de su entrada, y luego publica tu entrada.
Vía | Abu-farhan
Descargar Script
19 comentarios:
Saludos Sanguino.
¿habria posibilidades de hacerlo por el titulo y no por la etiqueta? y que ademas valiera para mas de 500 entradas ( lo hay ya por la red , pero solo salen las ultimas 500 entradas).
Yo suelo enviar las entradas al blog por correo e. y por lo tanto no les pongo categoria ( etiqueta).
Somos muchas personas las que andamos detras del tema y no hemos encontrado aun la solucion.
Esta genial gracias.........probado
Hola VRedondoF, la verdad es que no sabría como hacerlo, pero veré que puedo hacer con el código script si pudiera hacer algo lo posteare en el blog. Me puedes decir donde puedo encontrar un script que lo aga por títulos y no por etiqueta, así reviso los dos códigos. Saludos!
Julio C. Vega Sanchez, que bueno que te ha gustado, la verdad es que se ve bien en tu blog.
Hola tras elegir webs al azar iniciamos una votación su web fue elegida por lo votantes como web del mes de Agosto
Le invitamos pase y visite el DirectorioMx
http://directoriomx.tk
Hola DirectorioMx, gracias por ayudarnos a difundir el blog, les agradesco por su visita y por avisarme que Pazos Blogger a sido elegida como web del mes en su titio.
Un abrazo!
Hola Eduardo, tengo un pequeño problema con mi Blog, podrias ayudarme?..
Hola KatoGd, que seria tu problema, dime cual es para poder ayudarte, si es que puedo lo hago encantado. Saludos!
Bueno tengo mi blog, todo esta bien. Pero cuando intento abrir la pagina en otro computador, me salen errores, las letras no salen, bien los scripts, tienen problemas..! En realidad no se que hacer, si es problema de los computadores, si es por el adobe flash, no se ayudame!.. Mis scripts estan alojados en Google Sites.. Gracias por tu atencion!..
Hola KatoGd, pues no puedo ayudarte ya que no veo ningún problema en tu blog, se ve bien. De todas maneras puedes hace tu pregunta en elforo oficial de blogger. Saludos!
Eduardo como estas, el indice excelente solo que nose como cambiarle el color ya que mi blog s de fondo negro y no se bien
Hay alguna forma de modificarlo?
Gracias por compartir
Saludos!
Hola Watesam, gracias por tu visita. Si tu quieres lo puedes modificar a tu gusto ya que el diseño es a base de CSS. Pega la siguiente dirección en la barra de direcciones de tu navegador:
http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css
Verás todo el código CSS, con click derecho guárdalo en tu pc, luego haberló con el blog de notas, y puedes probar cambiando los colores para ver a que parte corresponde, luego lo subes a tu servidor y pegas la url del script donde corresponde en el código de arriba. Saludos!
Hola de nuevo .
Tengo el mismo problema que Watesam. El fondo de las entradas de mi blog es negro .El indice me funciona bien y me he descargado el código CSS que mencionas. Mas o menos ya veo lo que hay que cambiar en el para oscurecer todo el fondo del indice.Pero ¿a donde lo subo si mi blog es de blogger? . Es que aquí ya me pierdo :-(.
Muchas gracias de todas formas.Había probado el del modo acordeon y no me funciona pero este si , salvo por esa pega estética. Mi blog por si sirve de algo es " ostfront44 ".
Hola Alfalfa, puedes subirlo a Dropbox, te dejo este post para que veas como hacerlo. Saludos!
Muchas gracias por la pronta respuesta Eduardo.Pero adelantándome a la contestación y viendo que enlazas a google site en el código que pones,probé a subir el CSS a un site que tengo y ya esta funcionando el indice y con los colores modificados. Muchas gracias .
ok, que bueno que lo lograste. Un saludete!
excelente luce muy bien en mi blog (:
gracias.. los invito a pasar por el :D
http://ilostbooks.blogspot.com/
Hola ilostbooks, la verdad es que ha quedado perfecto, y lo mejor de todo es que ha funcionado sin problemas. Saludos!
Te debía las gracias, todavía no logro organizarle unos bonitos colores pero al menos ya quedo mejor con la plantilla negra
Saludos!
Watesam la verdad es que luce mejor el índice, ahora se ve bien con esos colores. Gracias por tu visita. Saludos!
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