How to create html Sitemap Page in Blogger

How to Create an HTML Sitemap HTML Sitemap Generally helps website visitors, and visitors can easily read their desired article from the HTML site, which is SEO Friendly for us, I have already added HTML sites to my website.


HTML Sitemap



How to Create an HTML Sitemap HTML Sitemap Generally helps website visitors, and visitors can easily read their desired article from the HTML site, which is SEO Friendly for us, I have already added HTML sites to my website.
Below is an image of the HTML Sitemap. Demo


html sitemap


What is a Sitemap Page?



The sitemap is just a simple list of your blog Posts which usually helps crawlers and bots to crawl your blog properly. It improves your blogs crawl speed and also helps in fast indexing of your latest posts. Recently I myself have modified my blog’s sitemap which thou can check here.





Our new sitemap page for blogger side all of our blog posts listed in a label categorized manner. So in this post, I will share the code and the system to make one such sitemap page for your blogger blog too.



How to Make Sitemap in Blogger?


I will be keeping it short and easy, just implement it and you will get your sitemap made in just 2 minutes. So here are the steps to create the table of contents page for your blogger.


Step 1. Login Blogger Open your Blogger dashboard and click on Create new Page.



Step 2: 
Now Click on HTML as shown in The image.







Provide a Name to The page (Sitemap or anything you wish) and Paste the following code in the Html section of the page. Make sure to replace http://www.techjan.com with your blog URL.


NOTE 1: Don’t edit other codes, more They are just the function names. If you edit those, it won’t work.


Note 2: Clear any default code inside HTML area before pasting provided code.



<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="http://www.techjan.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>



Note: Dismiss any type of HTTPS errors.


Step 3. Configuration

Replacee yourblog.blogspot.com with your blog URL.



Step 4. Under on Page settings,> inside Search Description field add page description.

Step 5. Click on The Options > under Reader comments > select Don't allow > Done.




Step 6. Click Publish.

Note: This is tutorial is only about to add Simple HTML Sitemap. You can use different colorful themes on this sitemap.



Happy Blogging!


You have successfully added on HTML based sitemap page on your blog. Place your Site HTML Map page link, wherever you would like to show your Site HTML Map page. You can also apply another theme on this sitemap provided by How bloggers. For any issues related to the following Tutorial Please Comment Below.




COMMENTS

BLOGGER: 1

Name

404-redirect,1,5 Best Free,1,Ad Networks,1,Add-Custom-Domain,1,Adsense,9,Adsense Account Without A Website,1,adsense approval,1,Adsense Approval Trick,1,Adsense Disabled Protect,1,adsense invalid click,1,Advanced Excel Keyboard Shortcuts,1,Affiliate Marketing,1,AMP,1,android,7,Android Extensions,1,Android Games,1,android root,1,Android software,3,android software review,2,Android Tips and Tricks,2,artificial intelligence,1,barcode,1,Best-Web-Hosting,1,bitcoin mining,1,Blockchain,1,Blocked Facebook Friends,1,blog,2,Blogger,7,Blogging,2,blogspot-to-.com,1,Bluehost,3,Boost Download Speed,1,Boost Revenue,1,Brain-computer,1,CD,1,Change Domain Name,1,Change Permalinks,1,Chrome,1,Chrome Extensions,1,Chrome Web Store,1,CloudFlare,2,CNAME,1,Command Prompt,1,Computer,15,computer hard disk,1,Computer Processors,1,Computer Tips and tricks,4,Copyright Match Tool,1,Core i3 i5 i7,1,Create a Website,1,Create Free Website,1,Credit Card,1,Cryptocurrency,1,Dark Web,1,Debit Card,1,Deep Web,1,Delete Facebook Account,1,Domain,10,Domain Name,1,Domain Redirects,1,Domain Registrar,2,Domain Search,1,domain search bluehost,1,domain transfer,1,DVD,1,E-commerce,2,eCommerce,1,Email,1,Email Hack,1,Ethical Hacking,1,Facebook,2,facebook friends block,1,Firewall,2,Firewall Types,1,Forgot Password,1,Free SSL Certificate,1,Freelance,1,Freelancer,2,Games,1,games review,1,Gmail,2,GoDaddy,2,google,3,Google Ads,1,google adsense,4,Google Analytics,1,google chrome,1,Google DNS,1,Google Search Console,1,Google Webmaster,2,Hacking,2,Hacking News,1,Hacking Operating System,1,History of YouTube,1,Hosted,1,Hostgator,1,Hosting,1,Hosting Review,1,How to,6,How-to,9,HTML Sitemap,1,Instagram,1,install WordPress Plugins,1,internet,2,invalid click,1,IoT,1,IP,1,IP address,2,IP Address Block Website,1,IPv4 and IPv6,1,kernel,1,Keyboard,1,Launcher,1,Linux,2,Linux kernel,1,Linux software install,1,localhost,1,Login URL,1,LTD Domain,1,Make Money,1,Make Money Online,1,Make Website,1,Make-Money,2,Marketplace,1,Master Card,1,McAfee,1,McAfee SECURE,1,Namecheap,2,Niche Research,1,Non-Hosted,1,Not Use Free Hosting,1,Nova Launcher,1,Operating System,2,Other,1,password,1,Password Recovery,1,Payoneer,1,Payoneer Master Card,1,Plugins & Tools,1,Prepaid Debit Card,1,QR code,1,QR code generator,1,Quantum Computer,2,Quick Tech,1,Recover Data CD,1,remote shutdown,1,Reset Password,1,Revenue from YouTube,1,Samsung FRP,1,Samsung FRP Unlock,1,Scan With Phone,1,Science technology,2,Search Engine Optimization,1,Search Ranking Factors,1,Security,1,Sell Photos Online,1,SEO,7,SEO Tips,1,Shopping Cart,1,Shortcuts Formula,1,smartphone hang,1,software,2,SSL,2,SSL Certificate,1,Started Blogging,1,Steem,1,steemit,1,Tech News,2,Transfer Ownership,1,Transfer Domain,2,Twitter,1,URL Shorteners,1,Video Download,1,Virtual Private Network,1,VPN,1,Weak password,1,Web Hosting Reviews,1,Web-Hosting,3,Webmaster Tools,1,website,6,Website SEO,1,Website Transfer,1,WiFi,1,WiFi Router,1,WiFi speed,1,Windows,2,Windows 10,5,Windows 7,1,Windows Firewall,1,Windows Updates,1,woocommerce,1,woocommerce Plugin,1,WordPress,17,WordPress Contacts,1,WordPress gig,1,WordPress Plugin,2,WordPress Plugins,9,WordPress Security,1,WordPress series,1,wordpress software,1,xampp,1,Yoast SEO,1,Youtube,9,YouTube Ads,2,YouTube Community Guideline,1,YouTube Founder,1,YouTube Monetization,1,YouTube Monitization,2,YouTube Monitization Update,1,YouTube Update,1,
ltr
item
TechJan - Beginner's Guide for Blogging: How to create html Sitemap Page in Blogger
How to create html Sitemap Page in Blogger
How to Create an HTML Sitemap HTML Sitemap Generally helps website visitors, and visitors can easily read their desired article from the HTML site, which is SEO Friendly for us, I have already added HTML sites to my website.
https://3.bp.blogspot.com/-ZbTKL4D3Ygo/XGVvDzKfMAI/AAAAAAAAA-I/uP54pNIEtc8abxwl2xJIEvA0BxUAqXkLACLcBGAs/s1600/html-sitemap.jpg
https://3.bp.blogspot.com/-ZbTKL4D3Ygo/XGVvDzKfMAI/AAAAAAAAA-I/uP54pNIEtc8abxwl2xJIEvA0BxUAqXkLACLcBGAs/s72-c/html-sitemap.jpg
TechJan - Beginner's Guide for Blogging
http://www.techjan.com/2019/01/how-to-create-html-sitemap-page-in-blogger-website.html
http://www.techjan.com/
http://www.techjan.com/
http://www.techjan.com/2019/01/how-to-create-html-sitemap-page-in-blogger-website.html
true
8495828319631418252
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy