Sitemap (Anime List) - rasgane

Yang request kemarin.

• Results
• Code

Anime List by Kumastream V1.3.0

V1.0.0

• Default

V1.1.0

• Support Image External
• Add Time Ago

V1.2.0

• Time Ago V2
• Add updated & published

V1.3.0

• Fix Bug Filter Label
• Fix Bug Thumbnail

<style>
  .kumastream_list{margin:15px;overflow:hidden}
  .kumastream_list .nav ol{margin:15px 0;margin-bottom:5px;text-align:center}
  .kumastream_list .nav ol li{text-align:center;display:inline-block;background:#eee;padding:8px 12px!important;margin:2px;color:#333;border-radius:3px;text-transform:uppercase;cursor:pointer}
  .kumastream_list .nav ol li:hover{background:#0c70de;color:#fff}
  .kumastream_list .isi{margin:15px 0;overflow:hidden}
  .kumastream_list .isi .abjad{display:block;margin-bottom:10px;border-bottom:1px solid #ececec;font-weight:500;text-transform:uppercase;font-size:17px}
  .kumastream_list .isi .list-post{margin:0 0 15px;overflow:hidden;color:#ddd;font-weight:400;font-size:14px;list-style:none;display:flex;flex-wrap:wrap}
  .kumastream_list .isi .list-post li{--wd:33.3333%;flex:var(--wd);-webkit-flex:var(--wd);line-height:20px;-ms-flex:var(--wd);max-width:var(--wd);overflow:hidden;margin-bottom:7px;padding:10px;border-radius:5px;box-shadow:0 1px 2px rgb(0 0 0 / 20%)}
  .kumastream_list .isi .list-post li .thumb-az{float:left;overflow:hidden;width:75px}
  .kumastream_list .isi .list-post li .thumb-az a{display:block;overflow:hidden;padding-top:135%;position:relative;border-radius:3px;background:#f5f5f5}
  .kumastream_list .isi .list-post li .thumb-az img{position:absolute;top:0;width:100%;height:100%;object-fit:cover}
  .kumastream_list .isi .list-post li .info-az{overflow:hidden;float:left;width:auto;max-width:75%;padding-left:10px}
  .kumastream_list .isi .list-post li .info-az a{font-size:14px;display:block;font-weight:500;line-height:21px;margin-bottom:4px}
  .kumastream_list .isi .list-post li .info-az span{display:block;color:#787777;font-size:12px}
  .kumastream_list .isi .list-post li .info-az .type-az p{display:inline-block}
  .Donghua-az{color:#c32020}
  .Special-az{color:#4a00ffed}
  .TV-az{color:#0c70de}
  .Movie-az{color:#d10cde}
  .ONA-az{color:#de800c}
  .OVA-az{color:#e91e63}
  .BD-az{color:#fb0101}
  .Live.Action-az{color:#531cad}
  @media screen and (max-width:990px) {
    .kumastream_list .isi .list-post li{--wd:50%;flex:var(--wd);-webkit-flex:var(--wd);-ms-flex:var(--wd);max-width:var(--wd)}
  }
  @media screen and (max-width:768px) {
    .kumastream_list .isi .list-post li{--wd:100%;flex:var(--wd);-webkit-flex:var(--wd);-ms-flex:var(--wd);max-width:var(--wd)}
  }
</style>

<div class="kumastream_list" data-label="Series" data-url="https://kumastream.blogspot.com">Loading....</div>

<script>/*<![CDATA[*/
  //Time Ago
  function timeAgo(e,a){a=a||{postfixes:{"<":" ago",">":" from now"},1000:{singular:"just now",plural:"just now"},60000:{singular:"about a minute",plural:"# minutes"},3600000:{singular:"about an hour",plural:"# hours"},86400000:{singular:"a day",plural:"# days"},2678400000:{singular:"a months",plural:"# months"},31540000000:{singular:"a year",plural:"# years"}};var t=[1e3,6e4,36e5,864e5,26784e5,3154e7],r=Date.parse(e.replace(/\-00:?00$/,""));if(r&&Date.now){for(var n=r-Date.now(),l=Math.abs(n),u=a.postfixes[n<0?"<":">"],i=t[0],o=1;o<t.length;o++)l>t[o]&&(i=t[o]);var s=Math.round(l/i);return a[i][s>0?"plural":"singular"].replace("#",s)+u}}var norwegian={postfixes:{"<":" siden",">":" fra nå"},1000:{singular:"et øyeblikk",plural:"et øyeblikk"},60000:{singular:"omtrent et minutt",plural:"# minutter"},3600000:{singular:"omtrent en time",plural:"# timer"},86400000:{singular:"en dag",plural:"# dager"},31540000000:{singular:"et år",plural:"# år"}};document.addEventListener("DOMContentLoaded",function(){for(var e=document.getElementsByTagName("time"),a=0;a<e.length;a++){var t=e[a],r=timeAgo(t.getAttribute("datetime")||t.textContent,"norsk"===t.className?norwegian:null);r&&(t.textContent=r)}});
  
  var start = 1,
      max = 150,
      animeListArr = new Array(),
      grup = new Array(),
      key = new Array(),
      abjad = '',
      print = '',
      nav = '',
      noThumbnail = 'https://1.bp.blogspot.com/-XSp30PahyTM/YK37Rq_-M7I/AAAAAAAABCc/01K0sUhw-2YI7vr48wqMIAVoMLDEUdK2gCLcBGAsYHQ/s320/No%2BImage%2BBerkas%2BKita.jpg';

  function runanimeList() {
    let d = document.querySelector(".kumastream_list");
    if (d) {
      let t = document.createElement("script");
    let tt = document.querySelector('.kumastream_list').dataset.label || false;
    let b = document.querySelector('.kumastream_list').dataset.url || false;
    t.src = `${b == false ? '' : `${b}`}/feeds/posts/default${tt == false ? '' : `/-/${tt}`}?alt=json&callback=animeList&start-index=${start}&max-results=${max}`, document.body.appendChild(t)
    }
  }

  function animeList(c) {
    var d = document.querySelector(".kumastream_list");
    if (!d) {
      return
    };
    d.innerHTML = '';
    var e = c.feed;
    if (e.entry.length > 0) {
      for (var f = 0; f < e.entry.length; f++) {
        var g = e.entry[f];
        var h = g.title.$t;

        // Thumbnail resolusi 
        if (g.media$thumbnail) {
          thumbnailUrl = g.media$thumbnail.url.replace(/s[0-9]{2}(-c)?/g, "s320-rw");
        } else {
          var s = g.content.$t,
              a = s.indexOf("<img"),
              b = s.indexOf("src=\"", a),
              c = s.indexOf("\"", b + 5),
              da = s.substr(b + 5, c - b - 5);
          if ((a != -1) && (b != -1) && (c != -1) && (da != "")) {
            thumbnailUrl = da;
          } else {
            thumbnailUrl = noThumbnail;
          }
        }

        //published (format: 2022-06-18T19:55:00.000+07:00)
        var published = g.published.$t;

        //published (format: 2022-06-18T19:55:00.000+07:00)
        var updated = g.updated.$t;

        // Label
        labels = [];
        if (g.category && g.category.length) {
          for (var c = 0; c < g.category.length; c++) {
            labels.push(g.category[c].term);
          }
        }
        
        status = labels.find(i => ['Completed', 'Ongoing', 'Upcoming'].includes(i)) || 'N/A';
        type = labels.find(i => ['TV', 'Movie', 'BD', 'ONA', 'OVA', 'Special', 'Donghua', 'Live Action'].includes(i)) || 'N/A';

        for (var i = 0; i < g.link.length; i++) {
          if (g.link[i].rel == 'alternate') {
            var j = g.link[i].href;
            if (j && j.length > 0 && h && h.length > 0) {
              animeListArr.push({
                "url": j,
                "judul": h,
                "thumbnailku": thumbnailUrl,
                "published": published,
                "updated": updated,
                "statusku": status,
                "typeku": type,
              })
            };
            break
          }
        }

      };
      if (e.entry.length >= max) {
        start += max;
        runanimeList()
      } else {
        for (var k = animeListArr, n = 0; n < k.length; n++) {
          var l = k[n].judul.charAt(0).toLowerCase();
          if (abjad.indexOf(l) == -1) {
            abjad += l;
            grup[l] = [{
              url: k[n].url,
              judul: k[n].judul,
              thumbnail: k[n].thumbnailku,
              published: k[n].published,
              updated: k[n].updated,
              status: k[n].statusku,
              type: k[n].typeku
            }]
          } else {
            grup[l].push({
              "url": k[n].url,
              "judul": k[n].judul,
              "thumbnail": k[n].thumbnailku,
              "published": k[n].published,
              "updated": k[n].updated,
              "status": k[n].statusku,
              "type": k[n].typeku
            })
          }
        };
        for (var m in grup) {
          key.push(m)
        };
        var k = key.sort();
        for (var n = 0; n < k.length; n++) {
          print += `<div class="abjad"><span data-value="${k[n]}">${k[n]}</span></div><ol class="list-post">`;
          for (var o = 0, g = grup[k[n]]; o < g.length; o++) {
            var p = g.sort(function(a, b) {
              return a.judul > b.judul ? 1 : -1
            });
            var item = p[o];
            print += `<li>
                <div class="thumb-az">
                  <a href="${item.url}" title="${item.judul}">
                    <img class="" src="${item.thumbnail}" data-src="${item.thumbnail}" alt="${item.judul}">
                  </a>
                </div>
                <div class="info-az">
                  <a href="${item.url}" title="${item.judul}">${item.judul}</a>
                  <span class="status-az">Status: ${item.status}</span>
                  <span class="date-az">published: ${item.published ? timeAgo(item.published) : item.published}</span>
                  <span class="date-az">updated: ${item.updated ? timeAgo(item.updated) : item.updated}</span>
                  <span class="type-az">
                    Type: <p class="${item.type || 'N'}-az">${item.type}</p>
                  </span>
                </div>
              </li>`
          };
          print += `</ol>`;
          nav += `<li>${k[n]}</li>`;
        };
        d.innerHTML = `<div class="nav"><ol>${nav}</ol></div><div class="isi">${print}</div>`;
        scrollanimeList()
      }
    }
  }

  function scrollanimeList() {
    document.querySelectorAll('.kumastream_list .nav ol li').forEach(function(b) {
      b.addEventListener('click', function() {
        var a = `.kumastream_list .isi .abjad [data-value="${this.innerHTML}"]`;
        document.querySelector(a).parentNode.scrollIntoView({
          behavior: 'smooth',
          block: 'start'
        })
      })
    });
  }
  runanimeList()
/*]]>*/</script>

Referensi :
https://www.igniel.com/2019/02/sitemap-daftar-isi-navigasi-per-huruf.html
https://kumastream.blogspot.com/p/anime-list.html
https://datakodehiru.blogspot.com/2023/07/anime-list-unlimited-karakura-modif-hiru.html
https://codepen.io/samclarke/pen/BzMRzW
https://cilacapklik.com/2021/04/1-bulan-berapa-hari-berapa-jam.html

• Results
• Code

Anime List by Driverays V1.0.0

V1.0.0

• Default

<style>
  .Driverrays_List{margin-bottom:1.25rem}
  .Driverrays_List .isi{display:flex;flex-wrap:wrap}
  .Driverrays_List .isi .isiList{width:50%;padding-right:1rem;margin-bottom:1.25rem}
  .Driverrays_List .isi .isiList .abjad{display:inline-block;background-color:#1991ff;color:#fff;padding-left:0.5rem;padding-right:0.5rem}
  .Driverrays_List .isi .isiList .abjad > span{text-transform:capitalize;font-weight:600}
  .Driverrays_List .isi .isiList ol{background:#282935;padding:0.5rem 1rem;list-style:none}
  .Driverrays_List .isi .isiList ol li {margin: 0;color: #959595}
  .Driverrays_List .isi .isiList ol a{color: #fff;margin-bottom:0.5rem}
  @media only screen and (max-width: 768px) {
    .Driverrays_List .isi .isiList{width:100%;}
  }

</style>

<div class="Driverrays_List" data-label="">Loading....</div>

<script type="text/javascript">
  var start = 1,
      max = 150,
      animeListArr = new Array(),
      grup = new Array(),
      key = new Array(),
      abjad = '',
      print = '',
      nav = '';

  function runanimeList() {
    let d = document.querySelector(".Driverrays_List");
    if (d) {
      let t = document.createElement("script");
      let tt = document.querySelector('.Driverrays_List').dataset.label || false;
      t.src = `https://driverays-clone.blogspot.com/feeds/posts/default${tt == false ? '' : `/-/${tt}`}?alt=json&callback=animeList&start-index=${start}&max-results=${max}`, document.body.appendChild(t)
    }
  }

  function animeList(c) {
    var d = document.querySelector(".Driverrays_List");
    if (!d) {
      return
    };
    d.innerHTML = '';
    var e = c.feed;
    if (e.entry.length > 0) {
      for (var f = 0; f < e.entry.length; f++) {
        var g = e.entry[f];
        var h = g.title.$t;
        
        // Label
        var labels = [];
        if (g.category && g.category.length) {
          for (var c = 0; c < g.category.length; c++) {
            labels.push(g.category[c].term);
          }
        }

        year = labels.find(i => /\b\d{4}\b/g.test(i)) || '';

        for (var i = 0; i < g.link.length; i++) {
          if (g.link[i].rel == 'alternate') {
            var j = g.link[i].href;
            if (j && j.length > 0 && h && h.length > 0) {
              animeListArr.push({
                "url": j,
                "judul": h,
                "labelku": year
              })
            };
            break
          }
        }

      };
      if (e.entry.length >= max) {
        start += max;
        runanimeList()
      } else {
        for (var k = animeListArr, n = 0; n < k.length; n++) {
          var l = k[n].judul.charAt(0).toLowerCase();
          if (abjad.indexOf(l) == -1) {
            abjad += l;
            grup[l] = [{
              url: k[n].url,
              judul: k[n].judul,
              thumbnail: k[n].thumbnailku,
              label_tahun: k[n].labelku
            }]
          } else {
            grup[l].push({
              "url": k[n].url,
              "judul": k[n].judul,
              "thumbnail": k[n].thumbnailku,
              "label_tahun": k[n].labelku
            })
          }
        };
        for (var m in grup) {
          key.push(m)
        };
        var k = key.sort();
        for (var n = 0; n < k.length; n++) {
          print += `<div class="isiList"><div class="abjad"><span data-value="${k[n]}">${k[n]}</span></div><ol>`;
          for (var o = 0, g = grup[k[n]]; o < g.length; o++) {
            var p = g.sort(function(a, b) {
              return a.judul > b.judul ? 1 : -1
            });
            var item = p[o];
            print += `<li><a href="${item.url}" title="${item.judul}">${item.judul}</a> `
              if (item.label_tahun) {
                print += `(${item.label_tahun})`
              }
            print += `</li>`
          };
          print += `</ol></div>`;
          nav += `<li>${k[n]}</li>`;
        };
        d.innerHTML = `<div class="isi">${print}</div>`;
      }
    }
  }
  runanimeList();
</script>

Referensi :
https://www.igniel.com/2019/02/sitemap-daftar-isi-navigasi-per-huruf.html
https://130.185.118.151/series-list/

• Results
• Code

Anime List by Sakuraost V1.0.0

V1.0.0

• Default

<style>
  .Sakuraost_List{}
  .Sakuraost_List .List_abjad{margin:0 0 15px;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
  .Sakuraost_List .List_abjad span{background-color:#444;color:#fff;padding:7px 0;cursor:pointer;margin:0 5px 5px 0;text-align:center;text-transform:uppercase;width:35px}
  .Sakuraost_List .isi{}
  .Sakuraost_List .isi .abjad{border-bottom:2px solid #ea5776;display:block;margin:25px 0 10px;padding-bottom:5px;font-size:24px}
  .Sakuraost_List .isi .abjad span{display:inline-block;background:#ea5776;padding:0 8px;color:#fff;border-radius:4px;text-transform:capitalize}
  .Sakuraost_List .isi li{list-style:none;border-bottom:1px solid rgba(72,72,72,0.25);padding:5px}
  .Sakuraost_List .isi li a{color:#232f3e;text-decoration:none;transition:.6s all}
</style>

<div class="Sakuraost_List" data-label="" data-url="https://www.sakuraost.com/">Loading....</div>

<script type="text/javascript">
  var start = 1,
      max = 150,
      animeListArr = new Array(),
      grup = new Array(),
      key = new Array(),
      abjad = '',
      print = '',
      nav = '';

  function runanimeList() {
    let d = document.querySelector(".Sakuraost_List");
    if (d) {
      let t = document.createElement("script");
    let tt = document.querySelector('.Sakuraost_List').dataset.label || false;
    let b = document.querySelector('.Sakuraost_List').dataset.url || false;
    t.src = `${b == false ? '' : `${b}`}/feeds/posts/default${tt == false ? '' : `/-/${tt}`}?alt=json&callback=animeList&start-index=${start}&max-results=${max}`, document.body.appendChild(t)
    }
  }

  function animeList(c) {
    var d = document.querySelector(".Sakuraost_List");
    if (!d) {
      return
    };
    d.innerHTML = '';
    var e = c.feed;
    if (e.entry.length > 0) {
      for (var f = 0; f < e.entry.length; f++) {
        var g = e.entry[f];
        var h = g.title.$t;

        for (var i = 0; i < g.link.length; i++) {
          if (g.link[i].rel == 'alternate') {
            var j = g.link[i].href;
            if (j && j.length > 0 && h && h.length > 0) {
              animeListArr.push({
                "url": j,
                "judul": h
              })
            };
            break
          }
        }

      };
      if (e.entry.length >= max) {
        start += max;
        runanimeList()
      } else {
        for (var k = animeListArr, n = 0; n < k.length; n++) {
          var l = k[n].judul.charAt(0).toLowerCase();
          if (abjad.indexOf(l) == -1) {
            abjad += l;
            grup[l] = [{
              url: k[n].url,
              judul: k[n].judul,
              thumbnail: k[n].thumbnailku
            }]
          } else {
            grup[l].push({
              "url": k[n].url,
              "judul": k[n].judul,
              "thumbnail": k[n].thumbnailku
            })
          }
        };
        for (var m in grup) {
          key.push(m)
        };
        var k = key.sort();
        for (var n = 0; n < k.length; n++) {
          print += `<div class="isiList"><div class="abjad"><span data-value="${k[n]}">${k[n]}</span></div><ol>`;
          for (var o = 0, g = grup[k[n]]; o < g.length; o++) {
            var p = g.sort(function(a, b) {
              return a.judul > b.judul ? 1 : -1
            });
            var item = p[o];
            print += `<li><a href="${item.url}" title="${item.judul}">${item.judul}</a> `
              if (item.label_tahun) {
                print += `(${item.label_tahun})`
              }
            print += `</li>`
          };
          print += `</ol></div>`;
          nav += `<span>${k[n]}</span>`;
        };
        d.innerHTML = `<div class="List_abjad">${nav}</div><div class="isi">${print}</div>`;
        scrollanimeList()
      }
    }
  }
  function scrollanimeList() {
    document.querySelectorAll('.Sakuraost_List .List_abjad span').forEach(function(b) {
      b.addEventListener('click', function() {
        var a = `.Sakuraost_List .isiList .abjad [data-value="${this.innerHTML}"]`;
        document.querySelector(a).parentNode.scrollIntoView({
          behavior: 'smooth',
          block: 'start'
        })
      })
    });
  }
  runanimeList();
</script>

Referensi :
https://www.igniel.com/2019/02/sitemap-daftar-isi-navigasi-per-huruf.html
https://www.sakuraost.com/p/music-list.html

• Results
• Code

Anime List by Kuma Novel V1.1.0

V1.0.0

• Default
• Add Time Ago
• Add Filter Label Volume & Chapter
• Add Filter Label Status

V1.1.0

• Fix No Thumbnail

<style>
  /* https://kuma-novel.blogspot.com/ */
  .KumaNovel_List{}
  .KumaNovel_List .nav{}
  .KumaNovel_List .nav ol{margin:15px 0;margin-bottom:5px;text-align:center}
  .KumaNovel_List .nav ol li{text-align:center;display:inline-block;background:#eee;padding:8px 12px!important;margin:2px;color:#333;border-radius:3px;text-transform:uppercase;cursor:pointer}
  .KumaNovel_List .nav ol li:hover{background:#0c70de;color:#fff}
  .KumaNovel_List .isi{margin:15px 0;overflow:hidden}
  .KumaNovel_List .isi .abjad{display:block;margin-bottom:10px;border-bottom:1px solid #ececec;font-weight:500;text-transform:uppercase;font-size:17px}
  .KumaNovel_List .isi ol{margin:0 0 15px;overflow:hidden;color:#ddd;font-weight:400;font-size:14px;list-style:none;display:flex;flex-wrap:wrap}
  .KumaNovel_List .isi ol li{--wd:20%;flex:var(--wd);-webkit-flex:var(--wd);-ms-flex:var(--wd);max-width:var(--wd);overflow:hidden;margin-bottom:7px}
  .KumaNovel_List .isi ol li .thumb-az{overflow:hidden;margin:7px}
  .KumaNovel_List .isi ol li .thumb-az a{display:block;overflow:hidden;padding-top:135%;position:relative}
  .KumaNovel_List .isi ol li .thumb-az a img{position:absolute;top:0;width:100%;height:100%;object-fit:cover}
  .KumaNovel_List .isi ol li .thumb-az a span.status-az{position:absolute;top:14px;left:-25px;-ms-transform:rotate(-45deg);-webkit-transform:rotate( -45deg);transform:rotate( -45deg);z-index:1;background:#de3b3b;text-transform:uppercase;font-size:9px;padding:2px 24px;line-height:normal;font-weight:500;color:#fff}
  .KumaNovel_List .isi ol li .info-az{overflow:hidden;margin:7px 7px 3px}
  .KumaNovel_List .isi ol li .info-az a{color:#333;font-size:13px;display:-webkit-box;font-weight:500;line-height:21px;margin-bottom:4px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .KumaNovel_List .isi ol li .info-az a:hover{color:#4d82f3}
  .KumaNovel_List .isi ol li .info-az span.ch-az{display:block;color:#4d82f3;font-size:13px}
  .KumaNovel_List .isi ol li .info-az span.date-az{display:block;color:#999!important;font-size:11px!important}
  @media screen and (max-width:768px) {
    .KumaNovel_List .isi ol li {--wd: 25%}
  }
  @media screen and (max-width:425px) {
    .KumaNovel_List .isi ol li {--wd: 33.333333%}
  }
  @media screen and (max-width:360px) {
    .KumaNovel_List .isi ol li {--wd: 50%}
  }
</style>
<div class="KumaNovel_List" data-label="Series" data-url="https://nekomimiv2.blogspot.com/">Loading....</div>
<script>/*<![CDATA[*/
  //Time Ago
  function timeAgo(e,a){a=a||{postfixes:{"<":" ago",">":" from now"},1000:{singular:"just now",plural:"just now"},60000:{singular:"about a minute",plural:"# minutes"},3600000:{singular:"about an hour",plural:"# hours"},86400000:{singular:"a day",plural:"# days"},2678400000:{singular:"a months",plural:"# months"},31540000000:{singular:"a year",plural:"# years"}};var t=[1e3,6e4,36e5,864e5,26784e5,3154e7],r=Date.parse(e.replace(/\-00:?00$/,""));if(r&&Date.now){for(var n=r-Date.now(),l=Math.abs(n),u=a.postfixes[n<0?"<":">"],i=t[0],o=1;o<t.length;o++)l>t[o]&&(i=t[o]);var s=Math.round(l/i);return a[i][s>0?"plural":"singular"].replace("#",s)+u}}var norwegian={postfixes:{"<":" siden",">":" fra nå"},1000:{singular:"et øyeblikk",plural:"et øyeblikk"},60000:{singular:"omtrent et minutt",plural:"# minutter"},3600000:{singular:"omtrent en time",plural:"# timer"},86400000:{singular:"en dag",plural:"# dager"},31540000000:{singular:"et år",plural:"# år"}};document.addEventListener("DOMContentLoaded",function(){for(var e=document.getElementsByTagName("time"),a=0;a<e.length;a++){var t=e[a],r=timeAgo(t.getAttribute("datetime")||t.textContent,"norsk"===t.className?norwegian:null);r&&(t.textContent=r)}});
  
  var start = 1,
      max = 150,
      animeListArr = new Array(),
      grup = new Array(),
      key = new Array(),
      abjad = '',
      print = '',
      nav = '',
      noThumbnail_KumaNovel_List = 'https://1.bp.blogspot.com/-XSp30PahyTM/YK37Rq_-M7I/AAAAAAAABCc/01K0sUhw-2YI7vr48wqMIAVoMLDEUdK2gCLcBGAsYHQ/s320/No%2BImage%2BBerkas%2BKita.jpg';

  function runanimeList() {
    let d = document.querySelector(".KumaNovel_List");
    if (d) {
      let t = document.createElement("script");
      let tt = document.querySelector('.KumaNovel_List').dataset.label || false;
      let b = document.querySelector('.KumaNovel_List').dataset.url || false;
      t.src = `${b === null || b == false ? '' : `${b}`}/feeds/posts/default${tt == false ? '' : `/-/${tt}`}?alt=json&callback=animeList&start-index=${start}&max-results=${max}`, document.body.appendChild(t)
    }
  } 

  function animeList(c) {
    var d = document.querySelector(".KumaNovel_List");
    if (!d) {
      return
    };
    d.innerHTML = '';
    var e = c.feed;
    if (e.entry.length > 0) {
      for (var f = 0; f < e.entry.length; f++) {
        var g = e.entry[f];
        var h = g.title.$t;

        // Thumbnail resolusi 
        if (g.media$thumbnail) {
          thumbnailUrl = g.media$thumbnail.url.replace(/s[0-9]{2}(-c)?/g, "s320");
        } else {
          var s = g.content.$t,
              a = s.indexOf("<img"),
              b = s.indexOf("src=\"", a),
              c = s.indexOf("\"", b + 5),
              da = s.substr(b + 5, c - b - 5);
          if ((a != -1) && (b != -1) && (c != -1) && (da != "")) {
            thumbnailUrl = da;
          } else {
            thumbnailUrl = noThumbnail_KumaNovel_List;
          }
        }
        
        // Label
        var labels = [];
        if (g.category && g.category.length) {
          for (var c = 0; c < g.category.length; c++) {
            labels.push(g.category[c].term);
          }
        }

        chapter = labels.find(i => /(?:[Vv]ol\.[0-9]+|[Vv]olume [0-9]+|[Cc]h\.[0-9]+|[Cc]hapter [0-9]+)/g.test(i)) || '';
        status = labels.find(i => ['Completed', 'Ongoing', 'Upcoming'].includes(i)) || '';

        //published (format: 2022-06-18T19:55:00.000+07:00)
        var published = g.published.$t;

        for (var i = 0; i < g.link.length; i++) {
          if (g.link[i].rel == 'alternate') {
            var j = g.link[i].href;
            if (j && j.length > 0 && h && h.length > 0) {
              animeListArr.push({
                "url": j,
                "judul": h,
                "thumbnailku": thumbnailUrl,
                "published": published,
                "filter_chapter": chapter,
                "filter_status": status,
              })
            };
            break
          }
        }

      };
      if (e.entry.length >= max) {
        start += max;
        runanimeList()
      } else {
        for (var k = animeListArr, n = 0; n < k.length; n++) {
          var l = k[n].judul.charAt(0).toLowerCase();
          if (abjad.indexOf(l) == -1) {
            abjad += l;
            grup[l] = [{
              url: k[n].url,
              judul: k[n].judul,
              thumbnail: k[n].thumbnailku,
              published: k[n].published,
              label_chapter: k[n].filter_chapter,
              label_status: k[n].filter_status,
            }]
          } else {
            grup[l].push({
              "url": k[n].url,
              "judul": k[n].judul,
              "thumbnail": k[n].thumbnailku,
              "published": k[n].published,
              "label_chapter": k[n].filter_chapter,
              "label_status": k[n].filter_status,
            })
          }
        };
        for (var m in grup) {
          key.push(m)
        };
        var k = key.sort();
        for (var n = 0; n < k.length; n++) {
          print += `<div class="abjad"><span data-value="${k[n]}">${k[n]}</span><span id="top" title="Back to Top"></span></div><ol>`;
          for (var o = 0, g = grup[k[n]]; o < g.length; o++) {
            var p = g.sort(function(a, b) {
              return a.judul > b.judul ? 1 : -1
            });
            var item = p[o];
            print += `<li>
              <div class="thumb-az">
                <a href="${item.url}" title="${item.judul}">
                  <img src="${item.thumbnail}" alt="${item.judul}">`;
                  if (item.label_status) {
                    print += `<span class="status-az">${item.label_status}</span>`;
                  }
                print += `</a>
              </div>
              <div class="info-az">
                <a href="${item.url}" title="${item.judul}">${item.judul}</a>`;
                if (item.label_chapter) {
                  print += `<span class="ch-az">${item.label_chapter}</span>`;
                }
                print += `<span class="date-az">${item.published ? timeAgo(item.published) : item.published}</span>
              </div>
            </li>`;
          };
          print += `</ol>`;
          nav += `<li>${k[n]}</li>`;
        };
        d.innerHTML = `<div class="nav"><ol>${nav}</ol></div><div class="isi">${print}</div>`;
        scrollanimeList()
      }
    }
  }

  function scrollanimeList() {
    document.querySelectorAll('.KumaNovel_List .nav ol li').forEach(function(b) {
      b.addEventListener('click', function() {
        var a = `.KumaNovel_List .isi .abjad [data-value="${this.innerHTML}"]`;
        document.querySelector(a).parentNode.scrollIntoView({
          behavior: 'smooth',
          block: 'start'
        })
      })
    });
  }
  runanimeList()
/*]]>*/</script>

Referensi :
https://www.igniel.com/2019/02/sitemap-daftar-isi-navigasi-per-huruf.html
https://kuma-novel.blogspot.com/p/series-list.html