One of the limitations of a blog is that it doesn't have an index or sitemap of the site that could make it easier for readers to find content that they are searching for.

While the blog archive and labels have all the information about the published post, these do not appear on a single page completely, so searching for more posts is not always easy.
Luckily, this gadget will help you to add a table of contents or sitemap on Blogger showing the index of all posts separated by categories that have been published. It will also show the latest posts with a text saying New!

How To Add a Sitemap with a List of Posts to Blogger.
To implement it on your blog, follow the steps below:

Step 1. Login to your Blogger Dashboard and select your blog

Step 2 . Go to Pages > click the New Page button and select Blank page

Step 3 . Click on the HTML tab and paste the following code inside the empty box:
Selectable text below


<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://dl.dropboxusercontent.com/s/6ijo28ljl13wftf/theblogger911..com.blogtoc.css"media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://dl.dropboxusercontent.com/s/ojis1x3thbp59a2/theblogger911..com.blogtoc.js
"></script>
<script src="http://www.themafrica..com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="https://dl.dropboxusercontent.com/s/3oo804bhfkdejfi/theblogger911..com.accordblogtoc.js"type="text/javascript"></script></div>
End of code

After adding the above code, replace http://themafrica..com with the address of your blog.

Customization:
- to change the color and font size of categories title, replace the values in red
- to change the color of the links, replace the value in green

Step 4 . Click Options on the right side and select Don't allow (hide existing) for the reader's comments

Step 5 . Finally, click the Publish button and View the page.

That's all!
The index of the posts is sorted alphabetically and is updated automatically each time a new post is published...

haconjy:

One of the limitations of a blog is that it doesn't have an index or sitemap of the site that could make it easier for readers to find content that they are searching for.

While the blog archive and labels have all the information about the published post, these do not appear on a single page completely, so searching for more posts is not always easy.
Luckily, this gadget will help you to add a table of contents or sitemap on Blogger showing the index of all posts separated by categories that have been published. It will also show the latest posts with a text saying New!

How To Add a Sitemap with a List of Posts to Blogger.
To implement it on your blog, follow the steps below:

Step 1. Login to your Blogger Dashboard and select your blog

Step 2 . Go to Pages > click the New Page button and select Blank page

Step 3 . Click on the HTML tab and paste the following code inside the empty box:
Selectable text below

<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.length;g++){if(n[g].rel=="alternate"{j=n[g].href;break}}var o="";for(var g=0;g<n.length;g++){if(n[g].rel=="enclosure"{o=n[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://helplogger..com/2013/12/add-sitemap-table-of-contents-to-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</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);">New!</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..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://themafrica..com /feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
End of code

After adding the above code, replace http://themafrica..com with the address of your blog.

Customization:
- to change the color and font size of categories title, replace the values in red
- to change the color of the links, replace the value in green

Step 4 . Click Options on the right side and select Don't allow (hide existing) for the reader's comments

Step 5 . Finally, click the Publish button and View the page.

That's all!
The index of the posts is sorted alphabetically and is updated automatically each time a new post is published...

thank you. Is this wat we call a sitemap. Will it also appear on google search engine

is one of the things you need to make your blog look more easy for search on google...its very simple. you just try it and see

haconjy:
is one of the things you need to make your blog look more easy for search on google...its very simple. you just try it and see

It didnt work. it is just empty. http://www.guru9ja.com/p/p.html

This is the code.


<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.length;g++){if(n[g].rel=="alternate"wink{j=n[g].href;break}}var o="";for(var g=0;g<n.length;g++){if(n[g].rel=="enclosure"wink{o=n[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(";"wink;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://helplogger..com/2013/12/add-sitemap-table-of-contents-to-blogger.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</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"wink{if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"wink{if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"wink{if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"wink{if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"wink{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"wink{m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"wink{m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"wink{m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"wink{m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""wink{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==""wink{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
</span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts
</span>"}var b=document.getElementById("toc"wink;b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>"wink;document.write('<p class="labels">
<a href="/search/label/'+temp1+'">'+temp1+"</a></p>
<ol>"wink;firsti=a;do{document.write("
<li>"wink;document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>"wink;if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>
"wink;a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>
"wink;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"wink{sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"wink{sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink"wink}else{alert("Just wait... TOC is loading"wink}}function hideToc(){var a=document.getElementById("toc"wink;a.innerHTML="";var b=document.getElementById("toclink"wink;b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="http://1.bp..com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("
"wink;document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>
"wink;document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a>
"wink;document.write("
"wink}};
//]]>
</script>
<script src=" http://Guru9ja.com /feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

fineyemi:
It didnt work. it is just empty. http://www.guru9ja.com/p/p.html

chek your template...

haconjy:

chek your template...

wat should I do to d template

fineyemi:
wat should I do to d template

you can use this
<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://dl.dropboxusercontent.com/s/6ijo28ljl13wftf/theblogger911..com.blogtoc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://dl.dropboxusercontent.com/s/ojis1x3thbp59a2/theblogger911..com.blogtoc.js
"></script>
<script src="http://xxxxxxx/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="https://dl.dropboxusercontent.com/s/3oo804bhfkdejfi/theblogger911..com.accordblogtoc.js" type="text/javascript"></script></div>
create a new page name sitemap click edit>> click html>> paste the above code>>change xxxxx to ur blog url
this is what am using for my site http://www.natureherbcare.com/p/site-map.html

iugly:
you can use this
<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://dl.dropboxusercontent.com/s/6ijo28ljl13wftf/theblogger911..com.blogtoc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://dl.dropboxusercontent.com/s/ojis1x3thbp59a2/theblogger911..com.blogtoc.js
"></script>
<script src="http://xxxxxxx/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="https://dl.dropboxusercontent.com/s/3oo804bhfkdejfi/theblogger911..com.accordblogtoc.js" type="text/javascript"></script></div>
create a new page name sitemap click edit>> click html>> paste the above code>>change xxxxx to ur blog url
this is what am using for my site http://www.natureherbcare.com/p/site-map.html

alryt tanks

It worked. Am so greatful. Tanks so much

plZ how will someone know it worked

mainevibez:
plZ how will someone know it worked

you will see all your post arranged accordingly check www.natureherbcare.com/p/site-map.html to see how mine was arranged

anything for we on WordPress