Membuat Sitemap di Blogger dengan Tag 'Baru' Pada Label di Artikel Terbaru

Cara membuat daftar isi atau sitemap di Blogger/blogspot dengan tambahan tag 'new' atau 'baru' pada judul artikel di tiap-tiap label.

by bungfrangki

HTML

<div class='sitemap-widget sitemap-tag-new sitemap'>
<script src="https://cdn.jsdelivr.net/gh/bungfrangki/bloggerSitemap@main/sitemap.js"></script>
<script src="https://www.bungfrangki.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

CSS

.sitemap{
  display:block;
  font-family:var(--body-font,BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif)
}
.sitemap p a{
  background-color:rgba(0,0,0,.055);
  color:var(--accent,#0277d4);
  font-weight:700;
  display:block;
  padding:5px 10px;
  text-decoration:none;
}
.sitemap p a:hover{
  background-color:var(--accent,#0277d4);
  color:#fff;
}
.sitema a{
  transition: .3s ease-in;
}
.sitemap ol li a {
  text-decoration:none;
  color:var(--link-color,#182257)
}
.sitemap ol li a:hover {
  color:var(--hover-color,#0277d4)
}
.sitemap ol li:not(:first-child){
  padding-top:8px;
}
.sitemap ol li:not(:last-child) {
  border-bottom:1px solid rgba(0,0,0,.055);
  padding-bottom:8px;
}