How to create a sitemap page in blogger - full guide
Those who are regular readers of our blog are aware of the post of our blog but the new visitor is very less awareness of the post. Even if he wants to read all our posts, he has a lot of problems. We show a maximum of 10 posts on the homepage. That is why the reader has to go to the next page to read the rest of the post. When there is a Sitemap of our blog, it contains the title and link of all the posts, which makes the reader easy to read.How to create a sitemap page in blogger - full guide
The blogger platform consists mostly of new bloggers. If you are an old blogger and you have good knowledge about blogging, then you must know that blogging is very easy for anyone but it is very difficult for more people. That is why if your blog is in Blogger then it is easily known that there is also a new blogger.There are many futures and options in Blogger. Sometimes you too must have visited such a blog which is in Blogger, but its design is exactly like a Wordpress blog. If you have information about Coding, then you too can design your blog in this way. If you do not have information about coding, then this is the biggest problem that you are not able to manage your blog properly on Blogger. But now you do not have to take tension because I keep sharing articles related to bloggers of this blog. With which you can easily design and manage Blogs. I am telling you how to create an HTML sitemap today. You will also have to use coding to create a sitemap page. So let's talk about the Sitemap from the details.
What is a sitemap?
The sitemap contains the link and title of all our blog posts. It contains a list of all posts on a single page. There are 2 types of Sitemap.XML Sitemap - This sitemap is in the .xml file. In this, the preferred script of the search engine is used and it is made to submit itself to the search engine. When you submit a .xml sitemap to the search engine, the sitemap contains a posts list and indexes it by filtering the search engine bot.
HTML Sitemap - This also contains the URL and title of the posts. It is designed well so that anyone recognizes it well and the title of the post is clickable. It is not made for the search engine but for blog visitors. So that visitors can read their favorite post.
So there are two types of sitemap and both have different work. Creating both XML and HTML sitemap is very important in Blog. To create an XML sitemap, we have already told and today we are talking about creating an HTML sitemap page.
How to create a sitemap page in blogger
Creating an HTML sitemap for Blogs is very easy. All you have to do is add some script to the blog page. For this, follow the steps given below carefully and you can easily make a sitemap.Step 1: First of all copy the code given below.
<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript"> var postTitle = new Array(); var postUrl = new Array(); var postPublished = new Array(); var postDate = new Array(); var postLabels = new Array(); var postRecent = new Array(); var sortBy = "titleasc"; var numberfeed = 0; function bloggersitemap(a) { function b() { if ("entry" in a.feed) { var d = a.feed.entry.length; numberfeed = d; ii = 0; for (var h = 0; h < d; h++) { var n = a.feed.entry[h]; var e = n.title.$t; var m = n.published.$t.substring(0, 10); var j; for (var g = 0; g < n.link.length; g++) { if (n.link[g].rel == "alternate") { j = n.link[g].href; break } } var o = ""; for (var g = 0; g < n.link.length; g++) { if (n.link[g].rel == "enclosure") { o = n.link[g].href; break } } var c = ""; if ("category" in n) { for (var g = 0; g < n.category.length; g++) { c = n.category[g].term; var f = c.lastIndexOf(";"); if (f != -1) { c = c.substring(0, f) } postLabels[ii] = c; postTitle[ii] = e; postDate[ii] = m; postUrl[ii] = j; postPublished[ii] = o; if (h < 10) { postRecent[ii] = true } else { postRecent[ii] = false } ii = ii + 1 } } } } } b(); sortBy = "titledesc"; sortPosts(sortBy); sortlabel(); displayToc(); } function sortPosts(d) { function c(e, g) { var f = postTitle[e]; postTitle[e] = postTitle[g]; postTitle[g] = f; var f = postDate[e]; postDate[e] = postDate[g]; postDate[g] = f; var f = postUrl[e]; postUrl[e] = postUrl[g]; postUrl[g] = f; var f = postLabels[e]; postLabels[e] = postLabels[g]; postLabels[g] = f; var f = postPublished[e]; postPublished[e] = postPublished[g]; postPublished[g] = f; var f = postRecent[e]; postRecent[e] = postRecent[g]; postRecent[g] = f } for (var b = 0; b < postTitle.length - 1; b++) { for (var a = b + 1; a < postTitle.length; a++) { if (d == "titleasc") { if (postTitle[b] > postTitle[a]) { c(b, a) } } if (d == "titledesc") { if (postTitle[b] < postTitle[a]) { c(b, a) } } if (d == "dateoldest") { if (postDate[b] > postDate[a]) { c(b, a) } } if (d == "datenewest") { if (postDate[b] < postDate[a]) { c(b, a) } } if (d == "orderlabel") { if (postLabels[b] > postLabels[a]) { c(b, a) } } } } } function sortlabel() { sortBy = "orderlabel"; sortPosts(sortBy); var a = 0; var b = 0; while (b < postTitle.length) { temp1 = postLabels[b]; firsti = a; do { a = a + 1 } while (postLabels[a] == temp1); b = a; sortPosts2(firsti, a); if (b > postTitle.length) { break } } } function sortPosts2(d, c) { function e(f, h) { var g = postTitle[f]; postTitle[f] = postTitle[h]; postTitle[h] = g; var g = postDate[f]; postDate[f] = postDate[h]; postDate[h] = g; var g = postUrl[f]; postUrl[f] = postUrl[h]; postUrl[h] = g; var g = postLabels[f]; postLabels[f] = postLabels[h]; postLabels[h] = g; var g = postPublished[f]; postPublished[f] = postPublished[h]; postPublished[h] = g; var g = postRecent[f]; postRecent[f] = postRecent[h]; postRecent[h] = g } for (var b = d; b < c - 1; b++) { for (var a = b + 1; a < c; a++) { if (postTitle[b] > postTitle[a]) { e(b, a) } } } } function displayToc() { var a = 0; var b = 0; while (b < postTitle.length) { temp1 = postLabels[b]; document.write(""); document.write('<div class="post-archive"><h4>
' + temp1 + '</h4>
<div class="ct-columns">
'); firsti = a; do { document.write("<p>
"); document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + ""); if (postRecent[a] == true) { document.write(' - <strong><span>New!</span></strong>') } document.write("</a></p>
"); a = a + 1 } while (postLabels[a] == temp1); b = a; document.write("</div>
</div>
"); sortPosts2(firsti, a); if (b > postTitle.length) { break } } } </script> <script src="https://yoursite.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
</div>
- Step 1: Now click on Pages.
- Step 2: Click on the new page.
Step 3:
- Step 1:Write SiteMap or All Posts in Title.
- Step 2:Now click on the HTML tab.
- Step 3:Paste the copied code here.
- Step 4:Don't allow, show existing
- Step 4: Change Your URL
- Step 6:Now click on the Publish button.
Now you visit the page and see !! Your Sitemap page must have been ready. In this way, you can create a Sitemap Page in Blogger. If you want to create a Sitemap page in WordPress, for this use the Hierarchical HTML Sitemap plugin. After creating the HTML sitemap page, now add its link in the menu or Footer.
I hope you liked this post. If you have any questions related to this post, then you can tell us through the comment. If you like the post, share it on social media.