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.
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
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&alt=json-in-script&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
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
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.
ResponderEliminarSaludos.
Hola... gracias por el código, me ha gustado un montón. Pero quisiera preguntarte algo:
ResponderEliminar1. 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.
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.
EliminarSaludos.
Hola... gracias por el código, me ha gustado un montón. Pero quisiera preguntarte algo:
ResponderEliminar1. 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.
Saludos,
ResponderEliminarHice 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?
Hola, enviame la direccion de tu blog, para poder ver que es lo que sucede, ya que el script funciona perfectamente.
EliminarSaludos
Muchas gracias por responder.
EliminarMi blog es: avivameentucamino.blogspot.com
Hola, he visto tu blog, y no esta el link de Sitemap.
EliminarSaludos.
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?
EliminarExelente man, funciona
ResponderEliminarGracias me funciono, solo que me gustaría poder elegir las etiquetas para las que se genere, pero por el momento este esta excelente.
ResponderEliminarhola. 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
ResponderEliminarVoy a revizarlo y te informare... Saludos...
ResponderEliminarHola! 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???
ResponderEliminarAqui 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! :)
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.
ResponderEliminarSaludos
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
ResponderEliminarHola César, correcto puede cambiar en las tres posiciones por la dirección URL de su blog de Blogger. Saludos.
EliminarHola luis me gustaria hacer un sitemap pero dentro del post por que es muy largo
ResponderEliminarHola, 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
EliminarSaludos.
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.
ResponderEliminarHola 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.
EliminarSaludos.
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?
ResponderEliminarsaludos.
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
EliminarSaludos.
hola, me gustari que solo aparecieran cierta etiquestas que yo decida, como jhago??
ResponderEliminar