Como crear un sitemap automático o una tabla de contenidos para mi blog de blogger


Hoy voy a contestar a muchas preguntas ya que demasiados usuarios de la red me han preguntado como hacer un sitemap con un solo código y el cual muestre todos los artículos que han publicado. El truco para usuarios de blogger es muy fácil, solo basta con insertar un solo código y realizar un solo cambio, no tendrán que dirigirse a el código HTML de su blog de blogger. Realizar un Sitemap en el cual le muestre por categorías todos los artículos de su blog de blogger es sencillo. Anteriormente había publicado varios artículos sobre como insertar un widget de comentarios en su blog de blogger, al igual que publique sobre como transformar mis etiquetas a un menú desplegable para blogger, si te gusta también lo podras revizar. Todos estos trucos para uso exclusivo en blogger son muy fáciles de realizarlo, he tratado de ser lo mas explicativo posible.

Como crear un sitemap automático o una tabla de contenidos para mi blog de blogger

A continuación mire su demostración
Ahora que ya han visto la demostración en mi blog de blogger, vamos a insertar el código.

1 Abrir Blogger
2 Dele un clic donde dice “Paginas


3 Diríjase a la pestaña que dice “Pagina Nueva” y dele un clic donde dice “Página en blanco

Como crear un sitemap automático o una tabla de contenidos para mi blog de blogger

4 Se le desplegara una página nueva y tendrá que realizar lo siguiente
5 Donde dice “Titulo de la página” ponga Sitemap
6 Dele un clic en el icono que dice “HTML” el cual se encuentra en la parte superior izquierda.
7 Inserte el siguiente código

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(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 n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="http://www.ayudadeblogger.com/" style="font-size: 10px; text-decoration:none; color: #5146CD;">Ayudadeblogger.com</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">Nuevo!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://ayudadeblogger.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Realice este cambio:

Donde dice ayudadeblogger.com cámbielo por la dirección de su blog de blogger

Luego dele un clic en “Publicar

Mire la imagen a continuación para que no se confunda


8 Vamos a dar un clic donde dice “Visualizar”, si no sabe donde mire la siguiente imagen
Como crear un sitemap automático para mi blog de blogger

9 Ahora ya tienes tu nuevo sitemap automático, cada vez que vayas publicando un nuevo articulo y lo vayas organizando por etiquetas, este aparecerá de forma instantánea en tu fabulo sitemap de blogger. Si quieres ubicar tú sitemap en cualquier parte de tu blog solo basta con copiar el link y ubicarlo en el lugar que tú quieras.

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

26 comentarios:

  1. el site mas que tienes ya lo tengo en mi blog y es el mismo que tienes en el tutorial...me gustaria tener el mismo que tienes tu abajo en la tabla de contenidos de manera desplegable ese con las barras de color gris que se abren al hacer click en ellas. gracias

    ResponderEliminar
    Respuestas
    1. Hola encantado en enviarte el codigo, necesito que me dejes la direccion de tu correo electronico para poder enviarte el codigo y las instrucciones a seguir.
      Saludos.

      Eliminar
    2. Hola! Soy nueva en tu blog, me acabo de unir a tus seguidores! Di con el mismo buscando como agregar un sitemaps en mi blog el cual es nuevo. Bueno, tengo la misma inquitud del chilenito. Podrias enviarme igualmente el codigo con las instrucciones a mi tambien por favor???
      Aqui mi email: b.pinceladas@gmail.com
      Una pregunta que tengo es: Los sitemaps no hacen que blogger detecte nuestro blog como malicioso o de spam?
      Es que no se mucho de esto y vi en otro blog, que tiene un tutorial similar, que puso en ese tutorial, una actualizacion con una nota que decia eso que te acabo de preguntar. O bueno eso fue lo que entendi..
      Ahi me cuentas! Vuelvo luego a ver si me has respondido! Feliz dia! Mil gracias anticipadas! :)

      Eliminar
    3. En este post esta todas las instrucciones ha seguir para insertar de forma automatica un Sitemap. Es facil no te va a dificultar nada.. Acabo de actualizar este post he inserte un nuevo codigo, copialo y veras que funciona, claro realiza su unico cambio, tal como lo publique.
      Saludos

      Eliminar
  2. Hola... gracias por el código, me ha gustado un montón. Pero quisiera preguntarte algo:
    1. Habría alguna forma de tomar etiquetas especificas, es decir las que uno escoja.
    2. También habría alguna forma de que tenga una imagen en miniatura cada entrada.

    Agradecería tu ayuda.

    ResponderEliminar
    Respuestas
    1. claro que si pero con este codigo no es posible, tal vez la proxima semana ya pueda publicar un script para que realice lo que tu dices, miestras tanto, te pido que estes atento a mis nuevas actualizaciones.
      Saludos.

      Eliminar
  3. Hola... gracias por el código, me ha gustado un montón. Pero quisiera preguntarte algo:
    1. Habría alguna forma de tomar etiquetas especificas, es decir las que uno escoja.
    2. También habría alguna forma de que tenga una imagen en miniatura cada entrada.

    Agradecería tu ayuda.

    ResponderEliminar
  4. Saludos,
    Hice el ejercicio, pero tengo un problema, y es que se ve de la siguiente manera el indice:

    Sitempap
    Confianza

    1. New !!
    2.
    3.Tú también puedes pedir confianza y valor

    Cristo
    1.
    2.Buscad el reino de Dios y su justicia
    3.El verbo hecho carne II
    4.El verbo hecho carne parte I
    5.Nuestra intimidad con Dios
    6.Parábola del redil
    7.Principios para ser una mujer de ministerio (I)

    es decir hay números que están vacíos y así por el estilo
    Eso fue solo un ejemplo, cómo arreglo esto?

    ResponderEliminar
    Respuestas
    1. Hola, enviame la direccion de tu blog, para poder ver que es lo que sucede, ya que el script funciona perfectamente.
      Saludos

      Eliminar
    2. Muchas gracias por responder.
      Mi blog es: avivameentucamino.blogspot.com

      Eliminar
    3. Hola, he visto tu blog, y no esta el link de Sitemap.
      Saludos.

      Eliminar
    4. El ejercicio como lo explicaste yo lo hice, y guarde y todo. pero al ver que me quedo así, borré todo el ejercicio. porque no se veía bien. entonces que me sugerencia me podrías dar para yo hacer?

      Eliminar
  5. Gracias me funciono, solo que me gustaría poder elegir las etiquetas para las que se genere, pero por el momento este esta excelente.

    ResponderEliminar
  6. Gracias por la información. Tengo una pregunta. Cual es la diferencia entre este metodo y enviar el sitemap directamente por la pagina de webmasters de google con este link (por ejemplo para mi blog)

    /atom.xml?redirect=false&start-index=1&max-results=500

    Mi blog es: http://datos-marketing-online.blogspot.ie
    Gracias

    ResponderEliminar
  7. hola. este código es tomado por el antivirus como troyano, que debo hacer? podrías enviarme el código del que tiene etiquetas especificas? gracias

    ResponderEliminar
  8. Voy a revizarlo y te informare... Saludos...

    ResponderEliminar
  9. Buenísima tu pagina, te felicito por el tiempo y la dedicación a los usuarios de tu pagina, he encontrado diversos artículos muy bien explicados especiales para personas como yo que no se nada de diseño y programación y las orientaciones son precisas y claras...una pregunta: en el código en mencion esta tiene repetido tres veces http://ayudadeblogger.com/ en dicho caso cambio las tres por mi direccion? Mil Gracias Luis

    ResponderEliminar
    Respuestas
    1. Hola César, correcto puede cambiar en las tres posiciones por la dirección URL de su blog de Blogger. Saludos.

      Eliminar
  10. Hola luis me gustaria hacer un sitemap pero dentro del post por que es muy largo

    ResponderEliminar
    Respuestas
    1. Hola, si quiere ingresar el sitemap dentro de una entrada puede copiar todo el código que se encuentra en este tutorial. Deberá ingresar el código habilitando el botón HTML de la entrada, eso es todo

      Saludos.

      Eliminar
  11. Hola amigo, excelente aporte con la tabla decontenido, ya la estoy usando en mi blog. Pero quiero saber si es posible agregar el número de visita por cada entrada, podria ser entre () al final del titulo de la entrada.Me podrias orientar al respecto. Si puedes revisa mi blog http://hablemosdesig.blogspot.com/p/contenido.html saludos.

    ResponderEliminar
    Respuestas
    1. Hola Jorge, he visitado su blog de Blogger y le quedo muy bien su nuevo sitemap, con respecto a su pregunta, se deberá crear un nuevo script, espero poderlo realizar, así que Suscríbase y así recibirá mis nuevas actualizaciones.

      Saludos.

      Eliminar
  12. Hola! Lo he hecho todo como explicas, pero cuando lo publico y luego visualizo la página, no sale nada. Es como si la página estuviera en blanco. ¿a qué se debe esto?¿como lo puedo solucionar?
    saludos.

    ResponderEliminar
    Respuestas
    1. Hola Sebas, gracias por escribir, tal vez no este ingresando correctamente la dirección URL de su blog de Blogger, además hágame saber la dirección URL en el cual ingreso el sitemap en su blog

      Saludos.

      Eliminar
  13. hola, me gustari que solo aparecieran cierta etiquestas que yo decida, como jhago??

    ResponderEliminar