<h2>أرشيف المدونة 📅</h2>
<div id="blog-archive"></div>
<script>
async function fetchPosts() {
    let blogUrl = "https://yourblog.blogspot.com/feeds/posts/default?alt=json"; // ضع رابط مدونتك
    let response = await fetch(blogUrl);
    let data = await response.json();
    let entries = data.feed.entry;
    let archiveHTML = "<ul>";
    
    entries.forEach(entry => {
        let title = entry.title.$t;
        let link = entry.link.find(l => l.rel === "alternate").href;
        let publishedDate = new Date(entry.published.$t);
        let formattedDate = publishedDate.toLocaleDateString();
        
        archiveHTML += `<li><a href="${link}">${title}</a> - ${formattedDate}</li>`;
    });

    archiveHTML += "</ul>";
    document.getElementById("blog-archive").innerHTML = archiveHTML;
}

fetchPosts();
</script>