How to add a Sitemap Page in Blogger | 2020 - BloggerFreeCodes
News Update
Loading...

Friday, May 15, 2020

How to add a Sitemap Page in Blogger | 2020

What is Sitemap?

A site map is a list of pages of a web site. There are three primary kinds of site map: Site maps used during the planning of a Web site by its designers. Human-visible listings, typically hierarchical, of the pages on a site. Structured listings intended for web crawlers such as search engines. [Wikipedia]

What is Sitemap Page?

Sitemap page sitemaps is created with HTML (Hyperlink Text Markup Language). It's usually used to make a list to all the post that are published on your site. A HTML Sitemap Page can reduce your bounce rate.

Features of This Sitemap Code

  • Easy Setup
  • Easy to Customize
  • Post Limit set
  • SEO Friendly
  • Custome Css Suported
Live Demo

Requirments

  • jQuery

How to add a Sitemap page in Blogger?

Follow those steps for add a sitemap page in Blogger. Do the all steps Carefully.

Step 1: First login to you Blogger account a choose a site.
Step 2: Click on Pages > New Page.
Step 3: Now Add a Page Title and Switch the mode Compose to Html Mode.
Step 4: Now Past this 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 style="margin:0"> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ul>
Step 5: Now go to Page Settings, add Description for this page and Disable Comment.
Step 6: Now Publish the Page

Your sitemap page is now ready now click on view for preview your sitemap 😊.

Customize

Change var numposts = 100 Value for limiting number of post show. [For example var numposts = 300]

Share with your friends

Add your opinion
Disqus comments
Notification
This is just an example, you can fill it later with your own note.
Done