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.


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.

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
After dropping your comment, keep calm, it may take minutes before it appears after moderation.

You want to get notified when I reply to your comment? Kindly tick the "Notify Me" box.

Archive

Contact Form

Send