Membuat Sitemap Dengan RSS Feed Halaman Statistik Blogger

 Cara Membuat Sitemap Di Halaman Statistik Blogger / Blogspot 

1. Masuk Ke Blog Anda Di Blogger.

2. Masuk ke menu halaman.

3. Buatkan postingan halaman baru.

4. Buatkan Judul Halaman ( Sitemap, Peta, Peta Index, Dll Sesuai Selera Anda).

5. Ubah ke mode penulisan html , lalu pastekan kode di bawah ini.

<style>
  .sitemap-card {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    margin: 10px 0;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
  }
  .sitemap-card img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 6px;
  }
  .sitemap-card a {
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    color: #333;
  }
</style>

<div id="sitemap-list"></div>

<script type="text/javascript">
function loadSitemap(json) {
  var html = '';
  if (json.feed.entry) {
    for (var i = 0; i < json.feed.entry.length; i++) {
      var entry = json.feed.entry[i];
      var title = entry.title.$t;
      var link = entry.link.find(l => l.rel === "alternate").href;
      var media = entry.media$thumbnail ? entry.media$thumbnail.url : "https://via.placeholder.com/80?text=No+Image";

      html += `
        <div class="sitemap-card">
          <img src="${media}" alt="thumbnail">
          <div><a href="${link}" target="_blank">${title}</a></div>
        </div>
      `;
    }
  } else {
    html = '<p>Tidak ada postingan ditemukan.</p>';
  }
  document.getElementById('sitemap-list').innerHTML = html;
}
</script>

<script src="https://radiokonoha.com/feeds/posts/default?alt=json-in-script&callback=loadSitemap&max-results=50"></script>

6. Kemudian Tekan Tombol Upload/Publikasikan.

Ubah domain radiokonoha.com dengan url domain blog anda.

Informasi Kode Sitemap Di Blogger

Kode yang saya bagikan tersebut akan tampil di halaman Statistik blogger kamu dengan tampilan.

1. Menampilkan Semua Postingan Artikel Blogspot Kamu.

2. Di samping kiri artikel di tampilkan gambar thumbnail artikel yang kamu buat saat membuat tulisan di blog kamu.

3. Setiap item sitemap yang tampil di bungkus didalam card dan setiap card di beri jarak margin agar terlihat elegan dan profesional.

Jadi itulah tutorial cara membuat sitemap otomatis di halaman Statistik blogger dengan mudah.

Semoga artikel ini bisa bermanfaat untuk perkembangan blogger kamu kedepannya.

Rate This Article

Thanks for reading: Membuat Sitemap Dengan RSS Feed Halaman Statistik Blogger , Sorry, my English is bad:)