Find out how to create Blogger Sitemap organize by category.
The sitemap by category for Blogger in this blog post used to be NOT working is because of a broken Javascript linking to Google Drive in the coding.
Anyway, I have just redone and hosted the new code at Github.
Yes, now this Blogger sitemap by category is working perfectly.
- NOTE: Here is another tutorial on how to create Blogger sitemap page like WordPress.
How to create Blogger sitemap organized by category
It is simple and easy to create a sitemap for Blogger that is organized by by category.
It is user-friendly for your readers to find a particular blog post.
This is what you need to do:
1. Log into Blogger Dashboard.
2. Click "Pages".
3. Then click "+ New page".
4. Next, click the pencil icon on the left hand side next to the text editor.
5. A text menu drops down, click "HTML view".
6. Type the word Sitemap in the Title box above.
7. Copy the code below and paste it inside the text editor.
#toc{
width:99%;
margin:5px auto;
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:#FFFFFF;
background:#1b2ec9;
border:1px solid #1b2ec9;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#E41E31;
font-weight:bold;
font-style:italic;
}
.postname{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-weight:bold;
background:#FFFFFF;
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc">
<script src='http://bit.ly/2oGdlhG'></script>
<script src="https://your-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Remember to change https://your-blog.blogspot.com (highlighted in white) to your own blog domain.
NOTE: Now when you click on "Compose view", the text editor (the box where you type your content) should show a BLANK page.
In other words, there should be nothing inside the box.
8. Click on the orange color "Publish" button.
9. To get the newly-created sitemap link, click "View" below the word Sitemap.
10. Now you can paste the Sitemap link on the footer or the sidebar of your blog.