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.

    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