How to Create HTML Sitemap Page in Blogger?

29
5547
How to Create Blogger Sitemap HTML page

How to Create Blogger Sitemap HTML page

Sitemap of a blog/website helps posts get index to search engines easily and search engines generates traffic which is very important for a blog/website to survive.

I have previously written a post on How to Submit Blogger Sitemap to Google Webmaster Tools, and that sitemap is created in .xml format which is perfect for search engines but if you want your readers to access sitemap page which gives them accessibility to easily select a post to read then you must create HTML sitemap page.

Create Sitemap Page for Particular Labels

This will only show posts from specific labels.

[pull_quote_center]<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>
<script src=”http://www.yourwebsite.com/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>
</ul>[/pull_quote_center]

Important: If your labels are single word like “SEO” then put SEO there but if your label has more than one word, then put %20 between each word.

For example: if the label name is WordPress Tips, then put WordPress%20Tips

Label name is case sensitive. So if your label is SEO (all capital letters) don’t put seo (in small letters).

Create Sitemap for All Labels

This will show posts from all labels.

  1. Open your blogger panel/admin panel
  2. Go to Pages > New Page > Blank Page
  3. Switch to HTML mode
  4. Paste below code in the post body
    [pull_quote_center]<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>
    <script src=”http://www.bloggertipstricks.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999″></script>
    </ul>[/pull_quote_center]
  5. Click Publish !.
  6. Voila ! Done.

Related:
How to Submit Blogger Sitemap to Google Webmaster Tools

Last WordsIf you find this helpful make sure you share it. For any questions and queries leave comments.

29 COMMENTS

  1. You have made some decent points there. I looked on the net to learn more about the issue
    and found most individuals will go along with your views on this website.

  2. I’m gone to say to my little brother, that he should also pay a visit this webpage on regular basis to get updated from newest gossip.

  3. Whats up are using WordPress for your blog platform?
    I’m new to the blog world but I’m trying to get started and create my own. Do
    you need any coding expertise to make your own blog?
    Any help would be really appreciated!

    • Hi,

      You do not need any coding experience for using WordPress CMS. Yes we are using WordPress platform. Although you might want to look for self hosted WordPress. Hosting on a WordPress server is not a good idea as it have some unusual restrictions and your choice of customization will be very limited. So it’s better if you think of self hosted blog. You can also contact me regarding your blog. I am more than happy to help with anything you might need.

  4. What i do not understood is actually how you are no longer actually a lot more smartly-liked than you may
    be now. You’re very intelligent. You know therefore significantly
    with regards to this topic, produced me in my opinion believe it from so many numerous angles.
    Its like women and men don’t seem to be fascinated unless it’s something to accomplish with Lady gaga!
    Your individual stuffs nice. At all times deal with it up!

  5. I am no longer certain where you are getting your info, but great topic.
    I needs to spend a while studying more or figuring out more.
    Thank you for wonderful information I used to be searching
    for this information for my mission

LEAVE A REPLY

Please enter your comment!
Please enter your name here