<style> #sitemap3{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.05);max-width:700px;margin:30px auto;color:#333}#sitemap3:empty::before{content:"Memuat artikel...";display:block;text-align:center;color:#888;font-style:italic;padding:20px}#sitemap3 .judul{font-size:1.5em;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db;text-align:center}#sitemap3 ol{list-style:decimal;padding-left:25px;margin:0}#sitemap3 li{margin-bottom:10px;padding:8px 0;border-bottom:1px dashed #e0e0e0}#sitemap3 li:last-child{border-bottom:none}#sitemap3 li a{text-decoration:none;color:#3498db;font-size:1.1em;transition:color .3s,transform .2s ease-in-out;display:inline}#sitemap3 li a:hover{color:#2980b9;text-decoration:none;transform:translateX(5px)}[data-theme=dark] #sitemap3{background-color:#1f2021;border:1px solid #444;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#e0e0e0}[data-theme=dark] #sitemap3:empty::before{color:#bbb}[data-theme=dark] #sitemap3 .judul{border-bottom:2px solid #1abc9c}[data-theme=dark] #sitemap3 li{border-bottom:1px dashed #444}[data-theme=dark] #sitemap3 li a{color:#7ed6df}[data-theme=dark] #sitemap3 li a:hover{color:#a4e3ef} </style> <div id="sitemap3">Memuat artikel...</div> <script> //<![CDATA[ var sitemapPostsArr = [], maxResults = 150, currentPostIndex = 1, allPostsFetched = false; function fetchPosts() { var script = document.createElement("script"); script.src = "/feeds/posts/summary?alt=json&callback=handlePostsFeed&start-index=" + currentPostIndex + "&max-results=" + maxResults; document.body.appendChild(script); } function handlePostsFeed(json) { var feed = json.feed; if (feed.entry && feed.entry.length > 0) { for (var i = 0; i < feed.entry.length; i++) { var post = feed.entry[i]; var title = post.title.$t; for (var j = 0; j < post.link.length; j++) { if (post.link[j].rel == "alternate") { var url = post.link[j].href; if (url && url.length > 0 && title && title.length > 0) { sitemapPostsArr.push({ url: url, judul: title }); } break; } } } if (feed.entry.length >= maxResults) { currentPostIndex += maxResults; fetchPosts(); } else { allPostsFetched = true; displaySitemap(); } } else { allPostsFetched = true; displaySitemap(); } } // Fungsi untuk mengacak array function shuffleArray(array) { for (let i = array.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [array[i], array[j]] = [array[j], array[i]]; } } function displaySitemap() { var sitemapDiv = document.getElementById("sitemap3"); if (sitemapDiv && allPostsFetched) { // Acak urutan artikel shuffleArray(sitemapPostsArr); var html = ''; if (sitemapPostsArr.length > 0) { html += '<div class="judul">Total: ' + sitemapPostsArr.length + ' Artikel</div><ol>'; for (var i = 0; i < sitemapPostsArr.length; i++) { html += '<li><a href="' + sitemapPostsArr[i].url + '" title="' + sitemapPostsArr[i].judul + '">' + sitemapPostsArr[i].judul + '</a></li>'; } html += '</ol>'; } else { html += '<div class="judul">Tidak ada artikel blog yang ditemukan.</div>'; } sitemapDiv.innerHTML = html; } } fetchPosts(); //]]> </script>
