How to create HTML sitemap page for your blog within seconds

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 <; k++) {

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

posturl =[k].href;



posttitle =;

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


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




<script src=”;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>


4. Replace with your own blog address.

Click preview to see your sitemap and publish it 🙂

See the sitemap of this blog here

4.3/5 - (7 votes)

1 Comment


April 8, 2018 at 2:37 pm

Pls correct the post, it doesnt work for my site

Log out of this account

Leave a Reply