Blogger’da Yazarların Son Yazılarını Gösteren Dinamik HTML Kod

 Blogger için "Yazarların Son Yazıları" bölümünü oluşturabileceğin, HTML + JavaScript tabanlı bir örnek kod veriyorum. Bu kod, belirli yazar(etiket) etiketine göre en son yazıları çekerek gösterir. Yazı başlığına ve küçük resmine tıklanabilir, yazıya yönlendirir.

---

✅ Özellikler:

• Yazar adına göre (etiket) filtreleme

• Otomatik olarak yazıları çeker

• Küçük görsel + başlık listesi

• Blogger'da kullanılabilir

<!-- Yazarların Son Yazıları --> <div id="yazar-son-yazilar"> <h3>Yazarların Son Yazıları</h3> </div> <script> const blogUrl = "https://seninblogadresin.blogspot.com"; const yazarlar = [ { ad: "Murat Marti", etiket: "Murat Marti", sayi: 3 }, { ad: "Ayşe Yazar", etiket: "Ayşe Yazar", sayi: 3 }, { ad: "Ahmet Yazar", etiket: "Ahmet Yazar", sayi: 3 } ]; yazarlar.forEach(yazar => { const feedUrl = `${blogUrl}/feeds/posts/default/-/${yazar.etiket}?alt=json&max-results=${yazar.sayi}`; fetch(feedUrl) .then(res => res.json()) .then(data => { const yazilar = data.feed.entry || []; let yazarHtml = `<div><strong>${yazar.ad}</strong><ul>`; yazilar.forEach(yazi => { const baslik = yazi.title.$t; const link = yazi.link.find(l => l.rel === "alternate").href; const resim = yazi.media$thumbnail ? yazi.media$thumbnail.url : "https://via.placeholder.com/72"; yazarHtml += ` <li> <img src="${resim}" width="72"> <a href="${link}">${baslik}</a> </li> `; }); yazarHtml += "</ul></div>"; document.getElementById("yazar-son-yazilar").innerHTML += yazarHtml; }); }); </script>

📌 Nasıl Kullanılır?

1. https://seninblogadresin.blogspot.com kısmını kendi blog adresinle değiştir.

2. authors dizisinde yazar adlarını ve etiketlerini ekle (etiket adıyla aynı olmalı).

3. İstediğin yere (örneğin bir sayfa ya da gadget) HTML/JavaScript olarak yapıştır.

Blogger, HTML Kod, Blogger İpuçları, Yazar Yazıları, Dinamik Kod, Blogger Eklenti, SEO, Blog Tasarımı, JavaScript, Blogger Widget