Blogger Uyumlu HTML Site Haritası Kodu

📌 Dikkat Edilecekler: YOURBLOGNAME.blogspot.com kısmını kendi blog URL'inle değiştir. Yazılar etiketlere göre (label) gruplanır. Blogger'da bu kodu HTML/JavaScript bileşeni olarak ekleyebilirsin veya özel bir "Sayfa"ya yapıştırabilirsin.

<div id="sitemap">
  <h2>Site Haritası</h2>
</div>

<script>
  var postPerLabel = 100; // Her etikette listelenecek maksimum yazı sayısı
  var labels = [];
  var blogURL = "https://YOURBLOGNAME.blogspot.com"; // Kendi blog adresinle değiştir

  function loadLabels() {
    fetch(blogURL + '/feeds/posts/default?alt=json&max-results=0')
      .then(response => response.json())
      .then(data => {
        data.feed.category.forEach(cat => {
          labels.push(cat.term);
        });
        loadPostsByLabel();
      });
  }

  function loadPostsByLabel() {
    var output = '<ul>';
    let requests = labels.map(label =>
      fetch(blogURL + '/feeds/posts/default/-/' + encodeURIComponent(label) + '?alt=json&max-results=' + postPerLabel)
        .then(response => response.json())
        .then(data => {
          output += `<li><strong>${label}</strong><ul>`;
          if (data.feed.entry) {
            data.feed.entry.forEach(entry => {
              let title = entry.title.$t;
              let link = entry.link.find(l => l.rel === "alternate").href;
              output += `<li><a href="${link}" target="_blank">${title}</a></li>`;
            });
          } else {
            output += "<li>Yazı yok</li>";
          }
          output += "</ul></li>";
        })
    );

    Promise.all(requests).then(() => {
      output += '</ul>';
      document.getElementById("sitemap").innerHTML += output;
    });
  }

  loadLabels();
</script>