Crear sitemap o tabla de contenido para Blogger

|

sitemap
Una de las limitaciones de un blog es no poder tener un índice o sitemap del sitio que pueda facilitarle a los lectores poder encontrar el contenido que buscan.
Si bien el gadget de etiquetas y archivos de blog tienen la información de todos los post publicados, estos no se presentan en una sola página de forma completa, por lo que buscar los posts no siempre es cosa fácil.

Por suerte Amanda creó un gadget que permite mostrar una tabla de contenido del blog con la cual todos los post se muestran separados por las etiquetas. Éste gadget que es bastante bueno ha sido optimizado y simplificado por Abu Farhan por lo que no tendremos que hacer otra cosa que copiar un código y pegarlo.

Como dije antes, se trata de un sitemap o tabla de contenido que muestra el índice de todos los posts que se han publicado separados por categorías, además de que los posts más recientes aparecen con un texto que dice Nuevo!
Para que vean de qué les hablo pueden verlo funcionando haciendo click aquí.

Para implementarlo en tu blog sólo crea una nueva entrada y ahí pega esto:
<script style="text/javascript" src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js"></script>
<script src="http://tublog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Sólo cambia la URL de tu blog y edita la fecha del post para que aparezca como el primer post publicado.

Así de fácil podrás tener un sitemap en tu blog. El índice de los post se ordena alfabéticamente y se actualiza de modo automático cada vez que publicas una nueva entrada.

Descargar script

154 comentarios:

Jpz dijo...

Que bueno Potro.
Excelente!!!
Siempre me preguntaba cómo poder hacerlo.
Es una manera super sencilla para el visitante poder encontrar lo que busca, sin "tantas vueltas". Justo y preciso.
Dále una mirada, quedó super bién.

Saludos.
Jpz.-

El Potro™ dijo...

Hola Jpz,

Bastante sencilla diría yo. Te ha quedado perfecto.
Saludos!

Mathias dijo...

Muy bueno, y se simplifica bastante la busqueda!!
esta muy bueno !!


saludos!

El Potro™ dijo...

Hola i'ts notice,

Sí funciona, lo que fallan a veces son los servidores donde está alojado el script. Ya he puesto abajo del post el script para descargar por si lo quieren subir a su propio hosting.

Saludos.

Howard Yoseph dijo...

Maravilloso blog que tienes amigo potro, sin duda me estas ayudando mucho a mejorar el mio, ya que los truco y datos son 100% efectivo y no como otros que lo que hacen es que pierdas tu tiempo, que mal que tengo solo 2 dias que lo conoci, si no ya estuviera mi blog super mejorado, pero bueno voy poco a poco, de verdad muchisimas gracias por el gran trabajo que haces.

Te queria preguntar algo muy raro que me paso con este script, es que pongo todo bien y sale todo como deberia, osea todo perfecto, lo unico que veo es que me faltan muchos post que no me salen, es eso normal mientras carga todo el feed de mi blog? o sera algo que estoy haciendo mal, bueno cualquier cosa me avisas, gracias, saludos

El Potro™ dijo...

Hola Howard Yoseph,

Muchas gracias por tus comentarios y bienvenido a Ciudad Blogger.

Para que aparezcan todas las entradas todas deben estar etiquetadas de lo contrario los posts sin etiquetas no aparecerán.

El código está funcionando bien pero suceden dos cosas, una es que el script que lo hace funcionar está compartido para todos y eso puede alentar el funcionamiento, es por ello que es recomendable subir ustedes el script en otro servidor para que trabaje más rápido.
Y otra es que la otra parte que hace funcionar el script es el feed de tu blog y estos a veces tardan mucho en actualizar las entradas nuevas.

Por otra parte veo que has eliminado algunas entradas, quizá esas eliminadas son las que no aparecen. Te digo porque vi un post dentro de LinkWithin y al hacer click en él decía que ya no existía.

Quizá por alguna de esas razones es que algunas de tus entradas no aparecen en el índice.

Cualquier cosa estoy a tus órdenes.

Saludos!

El Potro™ dijo...

Hola cargohe,

Me alegra que te haya gustado.
Saludos y bienvenido a Ciudad Blogger!

Alex dijo...

POTRO GRACIAS GRACIAS LA VERDAD EN MI SITIO QUEDO MUY BIEN GRACIAS

LA VERDAD NO TENGO COMO AGRADECR POR ESO EN MI WEB COLOQUE TU BOTON ES TAN GENIAL TU SITIO

GRACIAS

Joshy Corp. dijo...

Hola!
A pesar de que recién estoy empezando con esto de los blog me he dado cuenta de que he podido aprender demasiado gracias a blogers como tu.

Este truco me funciono de maravilla y no hubo ninguna complicación a la hora de ponerlo en practica muchas gracias!

Espero comentar pronto de nuevo por acá.

El Potro dijo...

Hola Joshy Corp.

Bienvenido a Ciudad Blogger y puedes comentar cuando gustes.
Saludos!

Magdalena Lagos dijo...

realmente muy buena tu post, ha quedado genial en mi blog http://365para.blogspot.com/2009/10/uno-para-cada-dia.html

Gracias por tu ayuda

Anne dijo...

Ummmmmmmmm, soy una mala alumna, jajaja, no me salio, no se si es que , pegue el contenido en el lugar equivocado, mira me sale esto "Su HTML no es aceptable: Tags cannot enclose tags: SCRIPT"

cariños , y algun dia aprendere , y te sorprendere, jajajj

El Potro dijo...

Anne,

Siempre me sorprendes =)
Ese error significa que no estás poniendo el código correctamente, inténtalo de nuevo pero cuando lo pegues fíjate que estés en la pestaña Edición de HTML y no en la de Redactar.

Anne dijo...

jaajaj, gracias maestro, luego paso por mi nota, jajaja

En serio, que buena onda eres, porque nos ayudas, como nadie,

Cariños, de la alumna mas mala
jajaaa

El Potro dijo...

Cuando pases por tu nota trae una manzana, jajaja.
Besos!

Anne dijo...

Vine, por mi nota y con varias manzanas, me salioooooooooo, ajjajajjajja
Lo voy a dejar para que lo veas, y me apruebes, pero creo no va con mi estilo, . . . quizas si le cambiara la fuente. . .. mmmmm, quedaria diferente!!!!!

Cariños, maestro y chapeau, jaaajja

El Potro dijo...

Sabía que podrías!
La letra la toma igual que la que tengas configurada en el blog, así que tendrías que cambiar el tipo de letra que usas. Si te decides a hacerlo lo puedes hacer entrando en Diseño > Fuentes y colores, y ahí selecciona el tipo de letra que quieras.

Besos!

JOVENES LLAMADOS A SERVIR "JOLLAS" dijo...

excelente el aporte, funciono sin complicaciones.

si quieres pueden verlo en:

http://elcofredejollas.blogspot.com/

lavidalinux dijo...

Fan tas ti co... Mejor y más fácil no podría ser. Gracias!

VK Import dijo...

Hola !
Sabes que por no tener donde alojar mis scripts seguí instrucciones para ponerla directamente en el template de mi plantilla.

Lo que no sé ahora es cómo vinculo el script de mi plantilla para que funcione el índice... podrás ayudarme?

Soy nuevita en esto de los Blogs y todo lo que he hecho en el mío ha sido a fuerza de lectura y gracias a la ayuda de los blogs a los cuales estoy suscrita (el tuyo incluído desde que lo encontré!) :)

Desde ya muchas gracias,
Karen
(www.vkimportltda.blogspot.com)

El Potro dijo...

Hola VK Import,

Entonces ya sólo pon esto en una entrada:

<script src="http://vkimportltda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Me alegro que estés avanzando en esto de los blogs =)
Saludos.

VK Import dijo...

Hola!!
Quedé impresionada con la velocidad de tu respuesta! :))

Pero sabes que no me funcionó... me aparece solamente el título ("Indice") sin la lista de entradas.

Voy a repetir todo el procedimiento nuevamente, pero te lo comento por si sabes qué es lo que puede estar mal.

Sobre alojamiento de scripts he leído también bastante, pero parece ser que los sitios gratuitos no son nada aconsejables, ya que suelen dejar de prestar el servicio y luego éstos dejan de funcionar...

Leí algo sobre scriptaculous... pero para mi es chino todo eso aún (y probablemente por mucho tiempo). Por eso opté por ponerlo en la plantilla.

Cualquier sugerencia será bienvenida! :)))

Gracias, Potro!
Saludos,
Karen

El Potro dijo...

Al parecer la URL de tu feed no funciona, prueba entrar a Configuración > Feed del sitio y verifica que donde dice Feed de entradas del blog esté en Completo.

Te darás cuenta que es la URL de tu feed que está fallando ya que si aplicas ese mismo código pero con otra dirección (por ejemplo ciudadblogger.com) verás que sí aparece el índice.

VK Import dijo...

Ups! Es eso !!!

En este momento lo tengo en "ninguno"...

(Cuando publico algo que no quiero que salga en los feeds pongo ninguno... y lo dejo así hasta publicar nuevamente algo que quiero que mis suscriptores reciban).

Creo que eso sería un problema entonces para mi... quizás no lo pueda implementar, no ?

Voy a probar mientras tanto!
Y MIL gracias !
:)

El Potro dijo...

Pues en este sitemap aparecerá todo el contenido que haya en tu blog, incluyendo lo que no quieres que tus suscriptores reciban.

Saludos!

VK Import dijo...

Entonces mi concepto de para qué sirve eso era incorrecto.

Hace tiempo que busco la forma de publicar algo sin que llegue a mis suscriptores.
Me explico mejor: voy a generar una etiqueta para las páginas ocultas a las que sólo se tenga acceso por link. Pero si esas páginas "ocultas" llegan a mis suscriptores por medio de FeedBurner...deja de tener sentido generarlas.

Por ahora, la única forma que encontré de evitar que algo les llegue es desmarcando uno por uno a los suscriptores desde Feedburner. Alguna otra idea?

Saludos!
Karen

El Potro dijo...

Hola Karen,

Yo no lo he probado, pero he escuchado que cuando no quieres que un post llegue a Feedburner lo publicas con una fecha muy vieja, luego esperas un día y cambias de nuevo la fecha del post a la fecha actual.
Pero te repito, no sé qué tan efectivo sea, podrías probar con eso.

Saludos!

VK Import dijo...

Sabes que eso no funciona... yo ya lo hice (bueno, no era una fecha MUY vieja, era algo de Noviembre publicado con fecha de Octubre)... y FeedBurner "detectó" que había sido publicado ese mismo día.

Sin embargo, quizás utilizando una fecha realmente vieja eso funcione? Voy a probar y te cuento (ahora puedo hacer pruebas porque tengo a todos los suscriptores desactivados...).

También es medio patético que si EDITAS algo (para agregar un link que antes no existía, por ejemplo), FeedBurner te lo VUELVE a enviar! (Lo toma como nuevo!!)

En fin... :)

Te mantengo al tanto!

Saludos,
Karen

El Potro dijo...

A mí nunca me ha sucedido eso de que si edito una entrada Feedburner la envíe de nuevo y eso que muchas veces edito las entradas después de publicarlas.

Feedburner es muy completo pero creo que sí le hace falta la opción de elegir qué entradas poder enviar al feed y cuáles no.

Saludos.

VK Import dijo...

Hmmm.... sabes que ahora que tú me lo dices tienes razón? Hice memoria.--> No fue editar una entrada.
Fueron 3 entradas que publiqué el mismo día... y la verdad que sí les puse fecha anterior (para que aparecieran en Octubre y NO fueran en el feed).
Mi idea era utilizarlas para links (o sea, como este sistema de páginas ocultas en el que también estoy ahora).

Pero bueno. Ya publiqué un Test de Prueba con fecha 1993... quedó al final de todo y como no tiene etiqueta no figura en el índice. Así que luego te cuento si me llega a mi (que tengo 2 cuentas de control) hoy o mañana.

Gracias por aclarar mis ideas y conceptos una vez más!

:)
Saludos,
Karen

Mackie dijo...

hola potro como estás, bueno te molesto ... funciona bien solo que no los numera ni los separa no se por que será te dejo la página para que lo veas y me digas.
http://brokenrel.blogspot.com/2009/11/indice.html
de paso invitarte a formar parte del directorio dado que para mi seria un honor que formes parte de el por que hay muchos trucos y cositas de tu sitio en el mio. estas invitado a escribir en mi sitio cuando tu quieras.
saludos.
Mackie

El Potro dijo...

Hola Mackie,

No es ninguna molestia.
Tu plantilla no tiene los estilos para las listas ordenadas pero puedes agregárselas entrando en Diseño > Edición de HTML y antes de ]]></b:skin> pega esto:

.post ol li {
list-style-type: decimal;
margin: 0 15px 5px;
padding-left: 20px;
}

Gracias por la invitación, después me doy una vuelta.
Saludos.

VK Import dijo...

Aquí estoy con el feedback del tema de las entradas:
El test de prueba me llegó perfectamente (por desgracia). O sea que es tal cual: Feedburner detecta cualquier post nuevo, sea de la fecha que sea, lo pongas en la fecha que lo pongas.

Por ahora la única forma de que no llegue es desmarcando a los suscritos. Claro que si alguien tiene 2000 suscritos no es nada práctico!

Saludos :))
Karen

El Potro dijo...

Qué lástima que no hayas tenido éxito con el experimento.
De cualquier forma estaré investigando para ver si encuentro la forma de filtrar esas entradas.

Saludos!

Mackie dijo...

Potro ... solucionado en los post´s ... anda barbaro ...
aunque las entradas relacionadas que llevan un bullet no me la muestra ... me estoy volviendo loco ...
gracias.

Mackie dijo...

los iconos que aparecen al lado de cada entrada relacionada tampoco aparecen ... como puedo hacer para solucionarlos o para agregarlos.
gracias.

El Potro dijo...

Agrega también esto:

.post ul li {
background: #FFF url(http://4.bp.blogspot.com/_WoCJXgXotb8/St-ZEgKMLTI/AAAAAAAAA_E/W-1ketCOmYg/s1600/arrow_icon.png) no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}

VK Import dijo...

Buenísimo! Si encuentras algo publícalo para leerlo :)))
Tu no tienes suscripción a comentarios, verdad? (Lo que hago para leer tus respuestas es hacerme bookmarks a cada página y reviso cada tanto para ver si hay algo jajaja!)

Saludos!

El Potro dijo...

Sí, es este:

http://ciudadblogger.com/feeds/comments/default

Sólo que nunca lo uso porque prefiero que regresen a la página a leer la respuesta, jaja :P

Saludos!

VK Import dijo...

Bueno, la prueba que hice, que te decía antes: definitivamente lo de las entradas con fecha vieja NO funciona. Esta es la prueba que estaba haciendo. Ayer subí 2 publicaciones con fecha 1993 directamente y ambas me llegaron hoy dentro del horario esperado... así que eso se puede descartar.

Saludos!!
Karen :)

El Potro dijo...

Pfff qué mal, supongo que sólo queda "armar" todo el contenido básico del blog de una sola vez para que no les llegue a tus lectores esporádicamente información que no quieres.

Saludos!

VK Import dijo...

Pero si lo hago, les llega todo junto (y capaz que me matan!!!)

Risas,
Karen

VK Import dijo...

Bueno, bueno... entonces no me suscribo a los comentarios y vengo a las páginas :)))
Es lo menos que puedo hacer con todo lo que estás haciendo por mi!!!

:)))))

cyberbloggero dijo...

Wow..este se me había pasado por alto! Y se ve muy útil por cierto!

Un abrazo!!!

El Potro dijo...

Bastante útil brother, resulta muy organizado.

Un abrazo!

Lille Skvat dijo...

Hola, acabo de descubrir tu blog y me gusta mucho :-)

He intentado poner este truco pero veo que comete errores en mi índice. Tal vez es porque tengo muchas entradas, pero no aparecen todas bajo cada etiqueta. Por ejemplo, en la primera, Alemania, se supone que hay 5 entradas pero solo lista 1.

http://lilleskvat.blogspot.com/2008/05/tabla-de-contenidos.html

También lo he intentado con otro blog y allí veo que algunas entradas aparecen dos veces en la misma etiqueta.

Saludos y gracias.

El Potro dijo...

Hola Lille Skvat,

Podrían ser por el número de etiquetas y entradas, ya que además de tener muchas entradas éstas tienen muchas etiquetas, así que el script cuando lee los datos del feed no ve una entrada, sino una por cada etiqueta. Por ejemplo, en un post tienes 5 etiquetas, para el script no es una entrada, sino 5, ya que tiene que colocarlo 5 veces en cada etiqueta. De esta forma tienes 879 entradas publicadas pero considerando todas las etiquetas que tienes en distintas entradas el código te está contabilizando (te digo porque las conté) 2429 entradas, más todas aquellas que no se muestran.

Puedes intentar tres cosas:
Una es esperar, es posible que el feed aún no haya terminado de recopilar todos los datos.

Otra es reducir el número de etiquetas, o sea, eliminar etiquetas que no creas necesarias.

Y la otra es que pruebes con otro índice, existe otro que acomoda las entradas no por etiquetas, sino por fecha en que fue publicado:
http://ciudadblogger.com/2009/12/sitemap-o-tabla-de-contenido-por-fecha.html

Me parece que podrías intentar con la tercera opción y revisar si de este modo sí aparecen todas las entradas.

Saludos.

Lille Skvat dijo...

Gracias, creo que lo mejor será reducir el número de etiquetas, cosa que ya llevaba un tiempo pensando, pero es tan difícil...

Saludos,

Lille Skvat
http://lilleskvat.blogspot.com/

El Potro dijo...

De cualquier modo deberías considerar la tercera opción. Yo he supuesto que esa podría ser la razón por la que no aparecen todas las entradas, pero con esto de los feeds nunca se tiene algo seguro.

Saludos.

Lille Skvat dijo...

Sí, esa opción también tengo planeada usarla, pero me interesaba tener las dos alternativas y de cualquier modo no está de más reorganizar las etiquetas. Saludos!

Lille Skvat dijo...

Una duda, por cierto, cómo has contado el número de entradas y categorías?

El Potro dijo...

Conté todas las entradas que aparecían en el índice que has puesto, de ahí saqué el número de entradas totales que el feed está mostrando.

Saludos.

Vicky dijo...

Excelente, El Potro. Gracias por todos los tips que nos das siempre. Lo puse en mi blog y todo me salió facilísimo.
Solo tengo un ligero inconveniente y es que el INTERLINEADO del listado de todos los links de ese mapa del sitio me sale muy grande(espacio doble entre categorías y espacio y medio entre cada link) y así me ocupa demasidado espacio en la página y se hace larguísima la entrada hacia abajo. Lo extraño es que cuando yo misma escribo alguna lista de links en una entrada, no me sucede eso, sino que el interlineado de los links me sale según lo que ya tengo predefinido para mis posts.
¿Será algo que debo predefinir en mi plantilla, es decir, el interlineado cuando se trata de links? ¿Cómo podría hacer que el interlineado del listado del mapa del sitio sea más pequeño? Gracias de antemano y perdona la molestia.

El Potro dijo...

Hola Vicky,

Habría que revisar los estilos aplicados para las listas ordenadas del blog.
¿Cuál es la dirección del blog donde lo has puesto?

Saludos.

Vicky dijo...

Hola, El Potro. La dirección es http://pajarosavesymas.blogspot.com/
(En este momento tengo que salir. Pero regreso más tarde). Gracias por tu pronta atención, como siempre. Saludos y hasta luego.

El Potro dijo...

Hola Vicky,

Yo veo muy bien la distancia entre línea y línea. De todas formas, si quisieras cambiar la distancia entre ellas entonces pega antes de ]]></b:skin> esto:

.post ol li {
line-height: 15px;
}

Modifica el 15 hasta que se ajuste a la medida que deseas.
Saludos.

Vicky dijo...

Gracias, El Potro por el dato. El interlineado de lista que tenía la plantilla era de 21 y le cambié a 15, como me dijiste y así se redujo el espacio entre línea y línea de una misma lista. Gracias.
Solo que aún no logro reducir el espacio entre la categoría (o etiqueta) y el primer elemento de cada lista (lo quisiera un poco más chico, para mejor visualización). Lo que sucede es que no sé bajo qué tipo de lista se enlistan esas etiquetas, así que no sé qué cosa buscar exactamente en la plantilla, para cambiarla. Pero, bueno, esos son detalles menores. Lo importante es que el sitemap de mi blog está funcionando bien. Muchas Gracias.
Ah, y de paso, quisiera desearte que pases unos días muy felices en estas fiestas de fin de año, en paz, salud y prosperidad, junto a tus seres queridos. Igual les deseo a todos los visitantes de tu blog. Sigue así, que haces una gran labor, orientándonos a todos nosotros y en especial, a principiantes como yo. Excelente tu blog, El Potro y Felicidades!

El Potro dijo...

Hola Vicky,

Agrega también esto:

.post ol {
margin-top:-10px;
}

Nuevamente manipula el valor -10px hasta que se ajuste a la medida que quieres.
Muchas gracias por tus amables palabras, que tus deseos se vean multiplicados a ti y tus seres queridos.

Un abrazo!

Vicky dijo...

Hola, El Potro. Ya lo hice como me indicaste. Quedó exactamente como quería. Muchas gracias otra vez. Saludos y hasta luego.

El Potro dijo...

Me alegro que hayas tenido los resultados esperados.
Saludos!

Pilar Baena dijo...

no lo consigo, he descargado el script, lo he subido a sites de google y he creado la entrada en mi blog, pero nada...

El Potro dijo...

Hola Pilar Baena,

Si has subido bien el script ya debería funcionar, verifica que la URL que pusiste esté correcta, o bien, intenta poniendo el código tal como está en este post, sólo cambia la URL de tu blog.

Saludos.

Paola y Santiago dijo...

Yo otra vez.. disculpame que te vuelva a molestar. Me desaparecieron los titulos de mis entradas en la pagina principal!!! como hago para mostrarlos en orden? No me sirve poner un indice porque todo es el mismo tema... quiero que se vean los titulos para que la gente pueda verlos y clickear el que quiere leer. Como hago? me ayudas? muchas gracias!!
http://seguirviviendosinvos.blogspot.com just.shabby@gmail.com

El Potro dijo...

Hola Paola y Santiago,

No he entendido bien, yo veo los títulos de las entradas sin ningún problema. Supongo que ya lo has solucionado.

Saludos.

Maria Rosa dijo...

Hola Potro.

Te escribo en este post, porque es el que mas se parece a lo que necesito.
Yo tengo hecho ya este sitemap. Está muy bueno.
Ahora, yo quería saber si puedo hacer un índice de los post, de TODOS los post, pero por orden alfabético, sin importar la fecha de publicación.

Eso por un lado.

Luego quería quitar la nube de etiquetas flotante, en flash, porque a veces funciona y a veces no (o es mi PC, no lo se) pero no lo veo muy útil. ¿De donde lo saco? Ya ni me acuerdo en la plantilla donde está, y tengo miedo de romper algún código. No quiero tocar nada si no sé.

En mi caso, por los temas del blog, la gente busca temas específicos y creo que por orden alfabético sería lo mejor. Pero a mano, copiar uno por uno sus links ... ¡me llevaría una vida! son 273 post !!!!

¿Hay algún truco para poder hacer eso?
Yo no tengo los post como los tuyos, que solo se ven los títulos y se pueden expandir para leer.
¿Es mejor tenerlos asi? Como en tu blog, Solo los títulos. Si es así busco el post para hacerlo.

Bueno.
Besotes para vos amigo !!!!!!!!! :)

El Potro dijo...

Hola Maria Rosa,

Qué gusto verte de nuevo por acá.
Para eliminar el gadget de etiquetas sólo entra en Diseño > Elementos de la página y elimina el gadget titulado Etiquetas.
Respecto a la tabla de contenidos no sé si se pueda, yo sólo conozco el de este post que es por etiquetas, y por fecha.
A mí gusto es mejor tener los títulos así de forma expandible, ya que es más fácil para el lector encontrar lo que busca debido a que sólo lee el título del blog y ve si está el artículo que busca, de lo contrario tiene que esperar a que cargue toooooda la página y si tenemos muchas entradas se tardará bastante en encontrar lo que busca.
Si te animas a ponerlo así puedes hacerlo siguiendo este tutorial.

Besos!

Maria Rosa dijo...

Listo ;)

¡Gracias, mi cielo !!!
Eres mi salvador ¡Siempreeee!

Voy a ver el link que me dejaste para ver solo los títulos de los post, cada vez que piquen en una etiqueta.

Organicé las etiquetas tamb. eliminé varias y agrupé mejor con los que dejé.

Me voy a leer le post.

Despues te cuento corachónnnnn !!!!!!!

Muaaaaaaaaaack (super beso!!) :)

El Potro dijo...

Perfecto, verás que con las etiquetas bien organizadas y los títulos expandibles les será mucho más fácil a tus lectores encontrar la información.

Cualquier duda me comentas, ya sabes que cuentas siempre conmigo ;)
Besos!

Jpz dijo...

Potro:
Sabes cómo (si se puede) editar el script para excluir algunas etiquetas, ó mostrar sólo las deseadas en el Sitemap.

Saludos.
Jpz.-

El Potro dijo...

Desgraciadamente no, cuando se trata de leer el feed se lee todo, no se puede manipular ya que es algo externo y ajeno a nosotros sobre el cuál no tenemos control.

Saludos.

Vicky dijo...

Hola, Potro. En diciembre me ayudaste a poner este índice de entradas en un blog y me sirvió estupendamente. Gracias de nuevo. Solo que quisiera implementar además, si se puede, otra cosa parecida en otro blog, como lo que haces tú aquí en Ciudad Blogger: veo que en los botones de menú de arriba, cuando uno clikea, eso te lleva también a un índice de posts, pero no de todos los posts del blog, sino solo según el tema del botón. Así es aún más fácil encontrar lo que se busca.
Ya tengo en mi blog botones de menú. Pero como no sé cómo hacer esto al estilo de los "Supersónicos" (automáticamente), pues lo hago al estilo de los "Picapiedras" (manualmente): dirijo cada botón de menú hacia un post, en el cual escribo una lista-links de los títulos de los post. Pero lo malo es que tengo que hacerlo manualmente, escribiendo cada título y creándole el link respectivo.
¿Hay algún "truco maravilloso" pero no tan complicado (como esos que nos regalas a menudo) para que esto que te digo se genere y se actualice automáticamente? Gracias y perdona por ser tan preguntona.

Petrópolis Inc dijo...

Hola
seria posible hacer un indice de una determinada etiqueta (marcador) y que las otras no aparecieran?

Petrópolis Inc dijo...

veo que ya habian preguntado eso...
gracias de todas formas

El Potro dijo...

Hola Vicky,

No hay ningún truco especial más que poner en las pestañas del menú las URL de las etiquetas.
Para esto es necesario que tus entradas tengan etiquetas, lo cual hará que se agrupen en esa etiqueta. Luego saca su URL y ese es el enlace que deberás poner en la pestaña del menú.

La URL de una etiqueta es más o menos así:
http://tublog.blogspot.com/search/label/Nombre de la etiqueta

Saludos.

El Potro dijo...

Petrópolis Inc, perdón no terminé el comentario. No se puede hacer un índice y excluir ciertas entradas y mostrar sólo unas cuantas, pero lo que sí se puede hacer es un índice para una etiqueta específica, sólo hay que cambiar en el código esta línea:

http://tublog.blogspot.com/feeds/posts/default

Por esta línea:

http://tublog.blogspot.com/feeds/posts/default/-/Nombre_de_la_etiqueta

Con eso tendrás un sitemap sólo de la etiqueta que quieres.

Saludos.

Vicky dijo...

Hola, Potro. ¡Gracias, gracias, gracias! Ya probé con uno de los botones y salió perfecto, tal como dijiste. Así sí es fácil y no como yo lo hacía, al estilo Picapiedras.
Solo una preguntita más: ¿cómo hacer para que allí solo aparezcan los títulos de las entradas con (+/-) para expandir y contraer? Aunque tengo los post con "Leer más", y no se muestran completos, yo preferiría, si es posible, que solo aparecieran los títulos (como en tu sitio).
Vi en Ciudad Blogger un post de "Mostrar solo los titulos de las entradas en una búsqueda". ¿Es así como tengo que hacer en este caso?
Muchísimas gracias por todo.

El Potro dijo...

Exactamente es ese el método que uso para mostrar sólo los títulos de las entradas, lo cual ahorra mucho espacio en la página, tarda menos en cargar y facilita por mucho la forma en que los usuarios encuentran lo que buscan ;)

Saludos!

Administador dijo...

GRACIAS POR EL CODIGO, PERO... ¿POR QUE NO FUNCIONA PARA LA PAGINAS EN BLOGGER?

El Potro dijo...

Hola Administador,

El script funciona perfectamente tanto en entradas normales de Blogger como en las nuevas páginas de Blogger.
Revisa que estés poniendo en forma correcta el código.

Saludos.

Ío dijo...

Hola, Potro, otra vez estoy por aquí.
Me ha gustado esta entrada tuya para tener el sitemap de las entradas.
Soy un tanto rebuscada, lo sé jejejejjej: He probado a hacerlo, pero en vez de ponerlo en una entrada normal lo he querido hacer en una página nueva, por lo que no puedo editarlo y poner la fecha, ya que las páginas carecen de ella. Me encuentro con que me salen muchas entradas, pero no todas.
¿Es por aquello de no tener fecha o es por otra razón por la cual no me salen todas?
Socorro¡¡¡

Rebuscando en tu blog he encontrado una barra de búsquda para el blog; he ido a google y me he creado un buscador para mi url; he copiado el código y probado en otro blog de pruebas para ver como quedaba y ..... horroroso¡¡¡¡
Yo quisiera que fuera pequeñito (que se acomodara a la parte de los cacharros, izquierda), más o menos como el traductor que tengo allí, pero por más que he buscado la manera de cambiar algo, no lo he conseguido.
¿LLeva arreglo o queda así sin que se pueda tunear?
Otro socorrro¡¡¡¡¡
Y gracias
Y besos
(pesada soy xd:))))

Ío

El Potro dijo...

Hola Ío,

La recomendación de editar la fecha era únicamente porque no existía lo de las Páginas nuevas de Blogger pero no es necesario.
El script toma los datos de tu feed, aquí pueden suceder dos cosas, una es que requiera un poco de tiempo en recopilar toda la información, y otra es que tengas más de 500 entradas y eso haga que no se puedan mostrar todas.
Del buscador puedes usar uno más simple, pero los resultados de la búsqueda no son muy buenos:

Buscador para el blog

Saludos.

Ío dijo...

Buenas, Potro; gracias por la aclaración.
Tengo más de 500 entradas en el blog, así que, claro, no todas me salen en el sitemap.
Lo he insertado en una página, va bien.
El buscador: al final me decanté por el motor de búsqueda personalizado de google porque el otro, el gadget que ofrece blogger no me gusta; sale el resultado de la búsqueda en mitad de la página y hace muy feo, la verdad; lo he arreglado un poco para que quede mejor, tamaño y color, no queda mal después de todo.
Gracias por tu paciencia infinita.
Saludos, besos, Potro

Ío

El Potro dijo...

El buscador desde el gadget de Blogger nunca me ha gustado, ni la forma que tiene ni la manera que muestra los resultados, definitivamente prefiero otras opciones como el buscador avanzado GFC (que es el que yo uso)

Saludos y besos!

Ío dijo...

ayyyyyyyyyy es tremendo¡¡¡¡ se ve horrible otra vez, muy ancho, ocupa mucho espacio; le he puesto de 180x20 pero se alarga hacia abajo aunque varíe los píxeles, jope, y sale todo eso de "Create your ......" y en el tuyo no se ve, voy a llorar¡¡¡¡¡¡¡¡¡
¿Puedo hacer algo para arreglarlo? o queda así per secoula secoulorum?
Es terrible no saber cómo hacerlo
Besos, Potro

Ío

El Potro dijo...

Ummmm, si seguiste los pasos de este tutorial:
http://ciudadblogger.com/2009/11/motor-de-busqueda-personalizada-de.html

No debió haber quedado así :S

Ío dijo...

Potro, me estoy volviendo medio loca; me suceden fenómenos paranormales con el código del buscador personalizado; lo hice en el sitio que me dijiste, en "Diseño".
He probado a insertarlo en el blog de los videos y funciona y se ve muy bien, aunque se abre en la misma página, digo, como que el código no tiene eso de "target="_blank", no sé, no me abre otra página para ver los resultados de la búsqueda.
Lo más raro es que intento insertar el mismo código en un gadget nuevo en el blog principal y no funciona: no se puede escribir nada en la barra que aparece, mucho menos efectua búsquedas, claro está¡¡¡¡
Lo he cambiado de lugar, para ver si sucede lo mismo en cualquier sitio que lo coloque, y sí, en ninguno funciona.
Ya no sé qué hacer¡¡¡¡
pufffffffff
Perdón por tanta pesadez.
Besos, Potro

Ío

Ío dijo...

vuelvo.
te dejo la dirección donde lo puedes ver funcionando:
http://melodiaenmisoidos.blogspot.com/
(está hacia abajo, después de todas las entradas, en el footer)
como verás, no abre una nueva página para los resultados.
Gracias y besos, Potro

Ío

El Potro dijo...

Hola Ío,

Entra a http://www.google.es/cse/
Abajo del botón azul de crear dice administrar tus motores de búsqueda actuales, haz click ahí.
Luego click en Panel de control que está del lado derecho del nombre de tu buscador.
Ahora en el menú lateral izquierdo haz click en Diseño, ahí selecciona Iframe, si quieres elige colores, guarda los cambios y obtén el código.

Con ese deberán aparecer los resultados en otra página.
Saludos.

Ío dijo...

Gracias, Potro; he ido allí, pero me dice que tengo que pegar otro código en el blog para que se vean los resultados, se me hace muy complicado.
He añadido un target blank al mismo código que he insertado en el blog de los videos, y ahora sí que se me abren los resultados en una página nueva, pero he vuelto a intentar insertar el código en el blog Ío y nada, que sigue sin funcionar, no deja escribir nada en la barra de búsqueda, ¿será cosa de la plantilla??? no encuentro una explicación a porqué funciona en un blog y en el otro, donde quiero ponerlo de verdad no funcione.
He probado a insertarlo en una página estática (del blog Ío)y tampoco funciona, no hay manera¡¡¡¡¡
¿Qué puedo hacer??? ¿cambio de plantilla o inserto el gadget de la barra de búsqueda que tiene blogger???
Gracias por tu paciencia conmigo.
Buenas noches, besos, Potro

Ío

El Potro dijo...

No, no, no es por la plantilla, el problema es que tienes un código que inhabilita la selección de texto (para evitar que te copien), esto hace que también se inhabiliten los formularios, buscadores, etc.
Es por eso que en el tutorial acerca de cómo usar ese código les recomendaba ponerlo sólo dentro de < div class='post-body entry-content' > para que surgiera efecto únicamente dentro de las entradas; así los buscadores de la sidebar no se ven afectados.

Buenas noches!

Ío dijo...

Era eso¡¡¡¡¡¡¡¡¡¡
He quitado el anticopia, hacía poco que lo tenía puesto, si alguien quiere copiar algo que lo haga, vaya.
Y ya¡¡¡¡¡¡¡ya funciona el buscador, a las mil maravillas, en página aparte y todo eso.
Te agradezco en el alma toda la ayuda que me has prestado, Potro, no sé qué hubiera hecho sin ella.
Te deseo un hermoso fin de semana, disfruta cuanto puedas.
Besos

Ío

El Potro dijo...

Me da gusto que ya has podido resolverlo por completo ;)
Buen fin de semana.
Besos!

Longchamps_tiza dijo...

hola no entiendo una cosa donde pongo el script que dice descargar saludos y gracias por el trabajo que te toma hacer todo esto

El Potro dijo...

Hola Longchamps_tiza,

Lo subes a un servidor como Google Sites o el que prefieras, obtén la URL del archivo y en el pedazo del código que muestro en esta entrada verás que dice esto:
http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js
Eso lo remplazas por la URL del archivo que subiste.

Saludos.

Reyes &amp; Asociados dijo...

Hola gracias por los artículos tan constructivos ellos me ayudan a salir de menudos problemas gracias ciudad trucos blogger

El Potro dijo...

Gracias a ti por tu visita, me da gusto que encuentres útil la información de este sitio.

Grupodeprofesores dijo...

Muchas gracias por tus aportes...han sido muy utiles...felicitaciones

LUCHA dijo...

hola potro, veo que tienes un un blog de ayuda que es espetacular, y seguro que para los mantas como yo nos vendra muy bien, mi problema es que blogger nos ha jodido a gente como yo que teniamos todas las entradas en una pagina, y para abrirlo mas rapido lo ha paginado por su cuenta en varias paginas, en una 10 en otra 4 en otra 7, una locura.. crees que si lo pagino se solucionara el problema. Donde encontraria los codigos.
Un saludo Felipe sacristan

http://luchasolimpicas.blogspot.com/

El Potro dijo...

Hola LUCHA,

Desde hace varias semanas Blogger está trabajando para incluir la paginación de números en los blogs, en esos experimentos que está haciendo se han afectado muchos blogs, de modo que se muestran un número de entradas distintas al que tenemos configurado en el blog.

Este es un problema que se supone es temporal y deberá estar solucionado una vez que Blogger termine con sus experimentos. Por lo pronto me parece que sólo queda esperar a que lo resuelvan.

Saludos.

americano_10 dijo...

Hola potro mira me parece muy buen truco, pero sabes me gustaría que me aparezca así como lo tienes tu, en la parte de arriba (donde esta la fecha) y como Mapa del sitio. ¿me ayudarías?

El Potro dijo...

Sólo tienes que ubicar el código de la cabecera y pegar el enlace arriba de él.

Alberto dijo...

Hola Potro, soy nuevo y estoy haciendo un recorrido por tus entradas "impresionantes", he puesto en mi blog este script y se ve en Mozilla excelentemente, pero no se ve en Explorer, me sale una ventana que dice:

¿Desea detener la ejecución de este Script?
Un Script de esta página está provocando que Internet Explorer funcione con lentitud. El equipo podría dejar de responder si se sigue ejecutando.


He colocado el dropbox en la plantilla para ver si era por eso pero pasa lo mismo.
No sé si es por tener muchas entradas en el blog (1093 con sus respectivas etiquetas)o por que es incompatible con Explorer.

Te dejo la página del mapa por si lo quieres ver
http://partiturasmusicalesbanda.blogspot.com/2009/10/mapa-del-sitio.html

El Potro dijo...

Hola Alberto,

En ocasiones es temporal, intentas unas cuantas veces y ya carga la página.
Pero todo esto es porque Internet Explorer no soporta todos los scripts así que es un poco complicado el asunto, pues más que el blog es problema del navegador.

De todas formas, si consideras que el script te da mucho lío pues habrá que considerar quitarlo.

Saludos.

Borest dijo...

Hola Potro, mira en la plantilla de este blog http://borest-borest-net.blogspot.com el interlineado esta muy cerca, quisiera saber como puedo ampliarlo, ya use un codigo, pero tambien me cambio el de los titulos de los posts, como puedo hacer que cambie el de las entradas pero que el de los titulos se quede igual? Saludos.

Borest dijo...

Hola potro, parece ser que ya esta solucionado ese detalle :D Saludos.

Borest dijo...

Hola Potro, intente agregar el script, pero cuando voy a la pagina solo se recorta, sabes porque siceda eso? Saludos.

El Potro dijo...

Pasame la URL de la página donde lo pusiste para verlo.

El Potro dijo...

El código no lo has puesto del todo bien, quizá cambiaste a la pestaña Redactar y se modificó la estructura.
Y otra es que se recomienda usar en el código la dirección original del blogger, o sea, blogspot.com

Saludos.

Borest dijo...

Mmm, intento agregar el codigo, pero no sale se recorta la pagina, :S y con la plantilla antigua que tenia si funcionaba. Sera la nueva plantilla?

El Potro dijo...

Podría ser aunque no entiendo por qué, y más que dices que en la otra plantilla no había problema.

www.bonaisima.com dijo...

Saludos potro ,sobre este post ,seria bueno que aclararas que ahora blogguer te deja crear hasta 10 paginas ,para poder poner esto ,es nuevo en bloguer ,saludos

El Potro dijo...

Puede ser tanto en una página estática o una entrada, ya será a elección del lector, ustedes deciden ;)
¡Saludos!

Vicky dijo...

Hola, Potro! Le puse este mapa del sitio a otro de mis blogs. Solo que lo puse como una página estática y no como una entrada. Un botón del menú horizontal (que también aprendí aquí) es el que me linkea a esa página. Gracias.
Yo descargué el script, pero como ese lenguaje no es lo mío, te quería preguntar si hay en esos códigos alguna manera de excluir determinadas etiquetas para que no aparezcan en ese índice o mapa del sitio.
Procuro ponerle una sola etiqueta a cada entrada, pero a veces algunos posts tienen varias etiquetas. Entonces, una misma entrada aparece repetida varias veces en ese mapa del sitio.
¿Se pueden excluir ciertas etiquetas? O sea, que si un post tiene, por ejemplo 3 etiquetas, el mapa del sitio solo tome en cuenta una de ellas; o dicho de otra forma, que no vea las otras 2 y solo tome una de ellas.
Gracias por toda tu ayuda y tu enorme paciencia para con todos los ciudadanos. Saludos!

El Potro dijo...

Hola Vicky,

Lamentablemente no, al menos he visto el script y no veo la forma que se pueda hacer :S

¡Saludos!

Vicky dijo...

Ah, bueno. Ahora sé que no se puede hacer eso con ese script. Muchas gracias por tu atención.
¡Hasta luego!

Cargohe dijo...

Hola no muestra nada creo que es por que el enlace este:
http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js
no esta funcionando, como le hago y gracias.

Miguel dijo...

Todo bien, esta en la entrada más antigua, pero como hago para que se visualice en la página de inicio.
Muchas gracias.
http://sitioparamuchos.blogspot.com/

El Potro dijo...

Lo de cambiarlo a la entrada más antigua es para quienes no quieren que se muestre en la página de inicio.
Si tú quieres que esa siempre sea la primera entrada que se ve cambia la fecha de la entrada a una fecha en futuro.

Miguel dijo...

Genial, lo que me llama la atención es que los links se ven distintos en los navegadores Chrome, Firefox e IE, seleccione un color similar al fondo del Blog, como tenía la costumbre de usar Word y luego copiar y pegar en el Blog pensé que tal vez había tomado el formato del procesador, pero cambie los títulos sin formato y sigue igual, algunos verdes y otros azules, pero sin ninguna coherencia que me indique donde está el problema.
Muchas gracias por compartir la info.

El Potro dijo...

Necesitaría la URL de la entrada donde te sucede eso para echarle un ojo a los códigos.

Miguel dijo...

Como te comente, el color que seleccione es el verde que luego de visitado el link es azul, esta es la URL:
http://sitioparamuchos.blogspot.com/2009/09/mapa-del-sitio.html

Una consulta, que debo cambiar para que los comentarios se visualicen como aquí, con número de entrada, fecha, etc. sin necesidad de ejecutar un click en comentarios, pero con un color de fondo distinto.

El Potro dijo...

Hola de nuevo Miguel,

Los links tienen tres opciones de color que se pueden cambiar, el color del link en estado normal, el color del link al pasar el mouse, y el color del link cuando ya ha sido visitado.
Te dejo esta entrada para que veas cómo puedes personalizar el color de los enlaces.

Para que los comentarios del autor tengan un color diferente lee este artículo. Para numerar los comentarios no tengo una entrada. En esta sección puedes encontrar algunas otras cosas que se pueden hacer en los comentarios.

Miguel dijo...

Gracias, pero lo que no puedo lograr es que como tenes vos, que al final del post este el formulario de comentarios, seleccione en la ficha comentarios, entrada incrustada a continuación, después indica:
El formulario de comentario incrustado no se puede utilizar si está inhabilitado "Publicar páginas".
No encontré donde debo habilitar eso y recorrí todas las pestañas.

El Potro dijo...

Primero entra en Configuración > Archivo y donde dice ¿Habilitar páginas de entrada? selecciona , luego podrás poner el formulario como este.

Miguel dijo...

Está en Si, lo extraño que si deseo No, está inhabilitado, pero no se visualiza el formulario al final del post.

El Potro dijo...

Pues en los dos blogs que tienes en tu perfil aparece debajo de las entradas como querías.

Miguel dijo...

Disculpa, había hecho un recorte en el texto, muchas gracias.
Voy aprendiendo en tu Blog, esta genial.

Portal Evangelismo dijo...

saludos para almacenar el scropt es necesario alojar en un hoster como sigmirror??? o hay que instalarlo en la plantilla
agradeceria tu respueta

El Potro dijo...

En el código ya está el script que subí a Dropbox, no es necesario alojarlo de nuevo, pero si quieres puedes subirlo en tu propio alojamiento, o bien, puedes ponerlo directo en tu plantilla.

Juansaman dijo...

Hola Potro, ¿qué tal? Ya es mi segunda consulta contigo, así que gracias de antemano. No he podido revisar los 150 comentarios por si ya se ha preguntado antes, disculpa si ya te han preguntado:

La marca de Nuevo! al lado de cada nuevo post, ¿cuánto tiempo dura? ¿Podemos confirmar que por cada edit al post, se detecta como nuevo? Es que tengo posts desde abril en el blog y no se va...
Fíjate, el sitemap está a la derecha (donde pone CATEGORIDAS).
http://juansaman.blogspot.com/

Muchas gracias por todo.

El Potro dijo...

Se supone que no debe tardar mucho, en sí lo que hace es que detecta el último post de esa categoría y es el que etiqueta como Nuevo! pero veo que ese no fue el último, quizá se trate de esas lentitudes del feed que siempre nos traen dolores de cabeza.
Si quieres puedes editar el script para eliminar la palabra Nuevo! pero obviamente dejaría de aparecer ese texto aun en los posts que sí son nuevos.

Juansaman dijo...

Me lo imaginaba... Nada, ya lo he quitado, es una pena pero mejor así que de la otra manera.
Muchas gracias, maestro.

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo