How to create HTML sitemap page for your blog within seconds

A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a Web site, typically organized in hierarchical fashion.

Just follow these steps to create sitemap page for your blog

1. Open your blogger account and navigate to

Pages >> New page

2. Switch to HTML mode from Compose mode

3. You can remove any HTML tags in the page that appear as default and paste the below code

<script type=”text/javascript”>

var numposts = 100;

var standardstyling = true;

function showrecentposts(json) {

for (var i = 0; i < numposts; i++) {

var entry = json.feed.entry[i];

var posttitle = entry.title.$t;

var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == ‘alternate’) {

posturl = entry.link[k].href;

break;

}}

posttitle = posttitle.link(posturl);

if (standardstyling) document.write(‘<li>’);

document.write(posttitle);}

if (standardstyling) document.write(‘</li>’);

}

</script>

<ul>

<script src=”https://TechiPickBlog.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>

</ul>

4. Replace  https://TechiPickBlog.com with your own blog address.

Click preview to see your sitemap and publish it 🙂

See the sitemap of this blog here