How To; Add A Site Map Page To Your Blog Or Site

Adding a site map page to your blog or site is very important. With it, users will be able to see your latest and old posts a well. It's pretty easy adding it to your blog. So if you do not have a sitemap page on your blog, well you have to add it to your blog.


I would have loved to show you my blog site map by clicking here, but mine recently stopped showing after the purchase of a domain name.  So i will be fixing that. A site map have different format or designs. In general, a site map page is a table content of your blog or site that list all your posts and pages title in one page.
Read also: How to disable copy and paste on your blog
A site map page is also beneficial when it comes to your blog showing in google search engine. So after you have successfully created a site map for your blog, visit google search console and add it.

So with this, we will now know how we can add a site map page to our blogger blog. So follow the tutorial closely.

1: Create a new page;

Go to your blogger admin panel and go to Pages, and create a New Page.

2: Copy and paste the code;

And fill a title as ‘Sitemap’

3:  Edit HTML;

Click on HTML opposite Compose and paste the HTML code.
Now hit publish.

Note: Before you save the page, be sure you change the ‘http://uchetechs.blogspot.com/’ to your real blog URL, and then save the page. If you have a more than 100 posts, you can change the of the ‘numposts’. Copy the post below.
var numposts = 500;
<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>

<br />
<ul>
 <script src="https://uchetechs.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
After this is done, proceed to step 3.

3: Add a Gadget to enable the pages

4: Save the gadget and view your new site map page

Now you have seen why and how to add a site map page to your blog or site. If you have any question comment below and dont forget to share with fellow bloggers.

2 comments:

  1. BunkechukwuAugust 12, 2017

    Thanks bro, always thought site map came with templates

    ReplyDelete
  2. chinedu okwaraAugust 12, 2017

    Always bring cool post for us
    Thanks boss

    ReplyDelete