add

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

emailEnviar por correo

23 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

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios