答案及图片来自于站点DOCUMENTATIONS：
https://blogging.pikitemplates.com/p/how-to-create-html-sitemap-in-blogger.html
1、如何创建 HTML 站点地图？
转到Blogger 仪表板单击左侧边栏菜单中的页面部分，然后点击创建新页面并复制我们在下面提供的代码并将其粘贴到页面 HTML 部分中，而不是在撰写模式下。粘贴代码后保存并发布页面。至此，已经成功创建了Blogger HTML 站点地图页面。复制页面链接并在页脚菜单页面底部显示。
现在完成了将代码保存在博客页面上。站点地图已创建。
2、 如何为特定标签创建 HTML 站点地图？
转到 Blogger 仪表板 单击左侧边栏菜单中的页面部分，然后点击创建 新页面 并复制我们在下面提供的代码并将其粘贴到页面 HTML 部分中，而不是在撰写模式下。粘贴代码后保存并发布页面。
请记住用您的帖子标签正确替换蓝色颜色标签小写和大写字母应该相同（意味着第一个字母是大写或不在帖子标签中正确检查）
另外，请记住在下面的蓝色文本中更改 h4 标签之间的标题。
至此，您已经 成功 创建了 Blogger HTML 站点地图页面。复制页面链接并在页脚菜单页面底部显示。
代码如下：
转到 Blogger 仪表板 单击左侧边栏菜单中的页面部分，然后点击创建 新页面 并复制我们在下面提供的代码并将其粘贴到页面 HTML 部分中，而不是在撰写模式下。粘贴代码后保存并发布页面。
请记住用您的帖子标签正确替换蓝色颜色标签小写和大写字母应该相同（意味着第一个字母是大写或不在帖子标签中正确检查）
另外，请记住在下面的蓝色文本中更改 h4 标签之间的标题。
至此，您已经 成功 创建了 Blogger HTML 站点地图页面。复制页面链接并在页脚菜单页面底部显示。
现在完成了将代码保存在博客页面上，并且您已经创建了一个特定的（仅用于一个标签的）标签 HTML 站点地图。
附带css、js代码：