
Anteriormente vimos cómo crear un sitemap o tabla de contenido para el blog. Ese sitemap es un índice que muestra el título de todas las entradas publicadas en el blog y ordenas por etiquetas.
Partiendo del mismo script podemos implementar un sitemap que muestre el índice de todas las entradas publicadas pero ordenadas por fecha, agrupándolas por mes y mostrando a un lado la fecha que fue publicada (ver ejemplo).
Para poner en tu blog una tabla de contenido como esta entra en Diseño > Edición de HTML y antes de </head> pega esto:
<script type='text/javascript'>Ahora en una entrada nueva pega este código:
// <![CDATA[
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2();document.write('')}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<p><strong><a href="'+postYearMonth2[b]+'">'+temp1+"</a></strong></p><ul>");firsti=a;do{document.write("<li>");document.write("["+postTanggal[a]+'] <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");document.write("</li>");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>");if(b>postTitle.length){break}}};
// ]]>
</script>
<script src="http://tublog.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
Cambia lo que está en rojo por el nombre de tu blog y listo. Si lo deseas puedes cambiar el órden de la entrada para que aparezca hasta el último.
Así de sencillo podrás tener una tabla de contenido ordenada por fechas.




Iconos RSS

22 comentarios:
Te felicito Potro, pues me gusto este yo uso el comun
pero ahora con fecha lo voy a probar
Que pena preguntar esto por aqui Potro! ya que no tiene nada que ver con la entrada! pero queria saber si sabes como poner un gadget en una entrada??? es que no quiero que me aparezca en todas las Subpages...
Gracias Potro y lo afirmo y lo juro por quien sea... tus tutoriales son los mejores...
hola potro, de lujo este aporte, ya tengo el anterior Sitemap o tabla de contenido, ahora pondré este también XD.
Salu2.
Se ve excelente!!!
Creo que Blogger no esta haciendo negocio contigo y comenzará a cobrarte por cada blog de pruebas extra que crees!!! ya vas por el 4!!! XD
Alex, prueba a ver cuál de los dos te convence más ;)
KevOnLine, no he entendido tu pregunta ¿me puedes dar un ejemplo?
cargohe qué bueno que te ha gustado, saludos.
brother, de hecho son seis los blogs de prueba =P un abrazo!
Ummm, ps ejemplo ejemplo, NO te puedo dar...
Pero imaginá que acabe de insertar un Gadget...
Éste se pone desde los elementos de la pagina y por ende siempre va a aparecer, Incluso cuando le doy en entradas antiguas!
Asi que queria saber de que forma un gadget puede incluirse dentro de una entrada... Ojala tengás la solucion... Saludos y abrazos desde colombia!!
Excelente post gracias
http://estrategiaspersonales.blogspot.com/
KevOnLine, si quieres mostar el gadget sólo en la portada mira esta entrada, si quieres que el gadget se vea en el resto del blog menos en la portada entonces mira esta entrada.
HostingNegocios.Com, por nada, saludos.
Hola El Potro!
Bueno, pues llevabamos bastante tiempo sin pasarnos por aqui ;)
El sitemap que pusiste anteriormente ya lo utilizamos, y la verdad es que es de una gran calidad y queda muy bien ;)
Bueno, gracias por el indice de nuevo!
Saludos!!!!
Hola La Trucoteca de Blogs,
Qué gusto verlos por acá. Ambos sitemaps son buenos, sólo varía la forma en que agrupa las entradas, así los webmasters tienen más opciones para mostrar su contenido.
Saludos!
6!!!! o_O XD
jajaja ¿qué fue eso?
Hola "Potro" hace tiempo que no me pasaba por aca, te felicito nuevamente por el blog.
Tengo una pregunta que tal vez tu sepas algo o alguno de tus lectores la pueda contestar, se puede mostrar o publicar un blog cuantos son tus ingresos mensuales en publicidad de adsense? te dejo este enlace para que veas tu mismo, segun tengo entendido es prohibido. Enlace --->>> http://bit.ly/5dmc5y
La otra cuestion es que me gustaria que me ayudaras a colocar un anuncio adsense despues de la segunda entrada de la pagina principal de mi blog, y que solamente sea visible en la pagina principal, no se si me explico bien, para darte una idea mira esta pagina: http://www.trendencias.com/ y veras que luego del segundo post en la pagina principal hay un anuncio de adsense, me gustaria implementar eso en mi blog (de Blogger).
Disculpa la molestia, mil gracias.
Exitos!
Hola @rielCastellanos,
Hasta donde tengo entendido sólo está prohibido publicar datos como CTR, eCPM, Impresiones de la página, etc. En su caso él no ha publicado esos datos así que no creo que haya infringido algún término.
La página que mencionas no está hecha con Blogger por lo que son diseños distintos; lo que puedes hacer es publicar anuncios entre posts, que es algo muy parecido a lo que quieres. Para hacerlo entra en Diseño > Elementos de la página > Click en Entradas del blog y marca la casilla Mostrar anuncios entre las entradas, configura tu anuncio y listo.
Saludos.
Hola:
Aquí llego con nuevos problemas... Resulta que al usar este truco no me muestra tampoco todas las entradas. Se corta en noviembre del 2008, aunque el blog tiene muchas entradas anteriores. He probado a cambiar el número en ?max-results=999 y tampoco ha funcionado. Sabes por qué? Gracias y lo siento.
Sólo acepta un máximo de 500 entradas, y en tu caso son 879.
No creo que haya mucho que se pueda hacer.
Saludos.
Mira lo probe y checa como quedo a mi me gusto mucho
http://curiosidadesofworld.blogspot.com/2009/09/archivo.html
Te ha quedado muy bien ;)
Saludos Potro, hay una duda hacerca de este script.. al tener paginas estaticas, por ejemplo un menu este tambien se muestra en el SiteMap como haria para ocultarlo de la tabla?
Eso es extraño, se supone que las páginas estáticas no son leídas por el feed, por lo tanto no se deberían de mostrar en el sitemap.
Pero bueno, de cualquier modo no se puede filtrar contenido :(
Muchas gracias Potro, lo implementé en mi blog y me encantó!!!
Qué bueno que te ha gustado :)
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.