Sitemap for blogger with infographics

Also Read

Sitemap for blogger with infographics
Sitemap for blogger with infographics

If you are a blogger, You will likely want use sitemaps for your blog. You may find it hard to find them if you don't know what they're called. You can use keywords to search for them in the title of the blog. good way to this is by using the title of the post. For instance, "blog posts with infographics" can be helpful. the sitemap can be created in two ways. The first is to embed a graphical file into a blog post. the sitemap can be created with Java SGF viewer or in HTML.  If you want to make your sitemap interactive, use HTML mode. You'll need to have HTML mode enabled on your blog in order to insert a graphical element.

You can then use these sitemaps to submit your blog to Google. This will give you better chance of getting more traffic and backlinks It will also help you become a better content marketer, so go for it. It's important to include your infographics in your blog's content calendar. These can be helpful for SEO because they help your content rank well in Google's SERPs. The more infographics you use, the better your content will be. If your blog contains a few different types of content, it will be more likely to be listed in search results. If you want to make your sitemap for bloggers with infographics work, you need to keep the information you add about the product. You can do this by citing the relevant articles in your posts. While the content on your sitemap for bloggers with infographics will be unique to your blog, it will be useful to have a sitemap for them. The best ones will be highly visible in search results.

The most popular sitemap for blogger with infographics is the All in One SEO plugin. It offers many powerful features for bloggers. It also allows you to create video sitemaps and news sitemaps. Aside from being a valuable SEO tool, it will improve your blog's visibility and traffic. In addition to creating an attractive sitemap, it will also improve your blog's visual content.


Another reason to use an infographic for your blog is to share your information with people. Often, people are more likely to remember a blog post if they have a visual representation of it. You can also use an infographic to get credit for other people's work. However, you should avoid using your information graphics for promotional purposes. In addition to promoting your brand, it can also help you increase your readers' engagement with your content. By using an infographic, you'll be able to connect with people outside of your own country. A visual sitemap is a great way to boost brand awareness and connect with people all over the world. It can help you build a more dynamic site with your blog. This is a great way to market your blog, as it makes your content more visually appealing. When you use it correctly, your readers will notice it and be more interested in reading it.


let's start to create a graphical sitemap,

  1. Simply log in to your blogger account.
  2. Go To blogger dashboard > Pages > and then New Page
  3. Switch to HTML mode.
  4. Enter the following codes inside the blank field.

Note: Clear any default code inside the HTML field before pasting the provided code below, if there are some.{alertInfo}

Replace https://www.itblogger.org/ with your blog URL HTTPS.

<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://www.itblogger.org/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script>{codeBox}

sitemap for blogger with infographics

How To Create HTML Sitemap Page In Blogger

Create HTML Sitemap Page In Blogger With Infographics


Previous Post Next Post