Web SEO Tools Free: Blogger News HTML Sitemap Generator

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>News HTML Sitemap Generator For Blogger</title>
<style>
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 20px;
    }
    h1 {
        text-align: center;
    }
    ul {
        list-style-type: none;
        padding: 0;
    }
    li {
        margin-bottom: 5px;
    }
</style>
</head>
<body>
<h1>News HTML Sitemap Generator For Blogger</h1>
<div id="sitemap"></div>
<script>
    // Function to fetch the latest posts from the Blogger website
    function fetchLatestPosts() {
        var websiteUrl = 'https://example.blogspot.com'; // Replace with your Blogger website URL
        var feedUrl = websiteUrl + '/feeds/posts/default?alt=json';

fetch(feedUrl)
            .then(response => response.json())
            .then(data => {
                var entries = data.feed.entry;

if (!entries || entries.length === 0) {
                    console.log('No posts found on the website.');
                    return;
                }

// Filter posts from the last 2 days
                var currentDate = new Date();
                var twoDaysAgo = new Date(currentDate);
                twoDaysAgo.setDate(twoDaysAgo.getDate() - 2);
                var recentPosts = entries.filter(entry => {
                    var publishedDate = new Date(entry.published.$t);
                    return publishedDate >= twoDaysAgo;
                });

// Generate the sitemap
                var sitemap = document.getElementById('sitemap');
                var sitemapList = document.createElement('ul');
                sitemap.innerHTML = '';

recentPosts.forEach(post => {
                    var title = post.title.$t;
                    var link = post.link.find(link => link.rel === 'alternate').href;
                    var listItem = document.createElement('li');
                    var listItemLink = document.createElement('a');
                    listItemLink.textContent = title;
                    listItemLink.setAttribute('href', link);
                    listItem.appendChild(listItemLink);
                    sitemapList.appendChild(listItem);
                });

sitemap.appendChild(sitemapList);
            })
            .catch(error => {
                console.error('Error fetching latest posts:', error);
            });
    }

// Fetch latest posts initially
    fetchLatestPosts();

// Fetch latest posts every 5 minutes
    setInterval(fetchLatestPosts, 5 * 60 * 1000); // 5 minutes in milliseconds
</script>
</body>
</html>

Just replace the URL: "https://example.blogspot.com" with your Blogspot web URL to copy and paste all the code into your sitemap page.

HTML Sitemap Generator for Blogger News Websites

Effortlessly generate a dynamic HTML sitemap for your Blogger news website, showcasing the latest articles from the past 1 or 2 days according to your requirement. Enhance SEO, user experience, and search engine visibility with automatic updates.

Google recommends updating your sitemap frequently to ensure it reflects the latest content on your website. For news websites or websites with frequently updated content, including recent posts in the sitemap can be particularly important for SEO purposes.

Blogger News HTML Sitemap Generator

HTML Sitemap Generator for Blogger News Websites

Website Copier