Cara Membuat Recent Post Otomatis di Blogger Tanpa JavaScript Berat

Widget Recent Post atau postingan terbaru adalah fitur penting di Blogger yang membantu pembaca tetap terhubung dengan konten terbaru Anda. Namun, banyak widget recent post menggunakan JavaScript dari pihak ketiga yang memperlambat loading blog dan berdampak buruk terhadap SEO.

Dalam panduan ini, Anda akan belajar cara menampilkan recent post otomatis tanpa JavaScript berat, cukup dengan memanfaatkan fitur feed Blogger dan sedikit pengaturan HTML sederhana. Cara ini ringan, SEO friendly, dan sangat efektif.

Kenapa Harus Menghindari JavaScript Berat?

  • Sering memuat dari domain luar
  • Menambah beban render halaman
  • Menurunkan skor Core Web Vitals
  • Membuat struktur data tidak terbaca crawler

Cara Kerja Feed Blogger

Setiap blog Blogger memiliki feed RSS atau Atom default. Feed ini bisa digunakan untuk menampilkan konten terbaru secara otomatis tanpa skrip berat.

https://NAMA-BLOG-ANDA.blogspot.com/feeds/posts/default?alt=rss

Kode HTML Recent Post Ringan

<b:widget id='RecentPosts' locked='false' title='Recent Posts' type='HTML'>
  <b:includable id='main'>
    <div class='recent-posts-widget'>
      <ul>
        <b:loop values='data:posts' var='post'>
          <li>
            <a expr:href='data:post.url'><data:post.title/></a>
          </li>
        </b:loop>
      </ul>
    </div>
  </b:includable>
</b:widget>

Alternatif Feed Manual:

  1. Buka Tata Letak (Layout)
  2. Tambahkan Gadget → "Feed"
  3. Masukkan URL feed:
    https://yourblog.blogspot.com/feeds/posts/default

Kustomisasi Tampilan Recent Post

.recent-posts-widget ul {
  list-style: none;
  padding: 0;
}
.recent-posts-widget li {
  padding: 5px 0;
}
.recent-posts-widget a {
  text-decoration: none;
  color: #333;
}

Tips SEO untuk Recent Post

  • Gunakan judul postingan sebagai anchor text
  • Letakkan widget dekat atas halaman
  • Batasi jumlah link keluar

Alternatif: Berdasarkan Label

https://yourblog.blogspot.com/feeds/posts/default/-/LabelAnda?alt=rss

Kesimpulan

Dengan feed Blogger dan widget HTML, recent post bisa tampil otomatis tanpa JavaScript berat — menjadikan blog Anda lebih cepat, ringan, dan SEO friendly.


Komentar

Postingan populer dari blog ini

Panduan Membuat Halaman Sitemap di Blogger (Support Median UI & SEO Friendly)

GoPay Bukan Sekadar E-Wallet: Inilah Inovasi Finansial