tutorial, jekyll,

Cara Membuat RSS Feed di Jekyll dan Mengapa Kamu Masih Butuhnya

Kiki/🎮🍉⌨️🍩💻 Kiki/🎮🍉⌨️🍩💻 Aug 17, 2026 · 6 mins read
Cara Membuat RSS Feed di Jekyll dan Mengapa Kamu Masih Butuhnya
Share this

Di era media sosial dan newsletter, mungkin kamu bertanya-tanya: apakah RSS Feed masih relevan? Jawabannya: ya, sangat relevan. RSS memungkinkan pembaca setia berlangganan blog kamu tanpa harus mendaftar email atau mengikuti akun media sosial. Feed reader seperti Feedly, Inoreader, dan NewsBlur masih punya jutaan pengguna aktif yang menjadikan RSS sebagai sumber utama bacaan mereka.


Apa itu RSS Feed?

RSS (Really Simple Syndication) adalah format XML standar yang memungkinkan pembaca “berlangganan” sumber konten. Setiap kali kamu menerbitkan artikel baru, feed reader akan otomatis mendeteksinya dan menampilkannya ke subscriber — mirip email newsletter, tapi tanpa perlu alamat email.

Keuntungan RSS untuk blogger:

  • Pembaca yang sangat engaged (mereka aktif memilih untuk berlangganan)
  • Tidak tergantung algoritma media sosial
  • Bekerja dengan semua platform distribusi konten
  • Digunakan oleh podcast, newsletter tools, dan banyak agregator konten

Cara 1: Plugin jekyll-feed (Direkomendasikan)

Plugin resmi jekyll-feed menghasilkan RSS/Atom feed yang valid dan kaya metadata secara otomatis.

Instalasi

Tambahkan ke Gemfile:

gem "jekyll-feed"

Aktifkan di _config.yml:

plugins:
  - jekyll-feed

Tambahkan auto-discovery link di <head> layout utama:

<head>
  ... {% feed_meta %} ...
</head>

Tag {% feed_meta %} menghasilkan:

<link
  rel="alternate"
  type="application/atom+xml"
  title="Nama Blog"
  href="/feed.xml"
/>

Setelah build, feed tersedia di /feed.xml.


Konfigurasi jekyll-feed di _config.yml

feed:
  # Jumlah post di feed (default: semua)
  posts_limit: 20

  # Path feed kustom (default: /feed.xml)
  path: feed.xml

  # Hanya sertakan post dari kategori tertentu
  categories:
    - Tutorial
    - Jekyll

  # Excerpt saja (bukan full content) untuk privasi
  excerpt_only: true

Cara 2: Membuat Feed Manual (Kontrol Penuh)

Jika kamu ingin kustomisasi penuh atas format feed, buat file feed.xml di root project:

---
layout: none
---
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>{{ site.title | xml_escape }}</title>
    <description>{{ site.description | xml_escape }}</description>
    <link>{{ site.url }}</link>
    <atom:link href="{{ "/feed.xml" | absolute_url }}"
               rel="self" type="application/rss+xml"/>
    <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
    <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
    <language>id</language>
    <generator>Jekyll v{{ jekyll.version }}</generator>

    {% for post in site.posts limit:20 %}
    <item>
      <title>{{ post.title | xml_escape }}</title>
      <description>{{ post.excerpt | strip_html | xml_escape }}</description>
      <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
      <link>{{ post.url | absolute_url }}</link>
      <guid isPermaLink="true">{{ post.url | absolute_url }}</guid>
      {% for category in post.categories %}
      <category>{{ category | xml_escape }}</category>
      {% endfor %}
      {% if post.image %}
      <enclosure url="{{ post.image | absolute_url }}"
                 type="image/jpeg" length="0"/>
      {% endif %}
    </item>
    {% endfor %}

  </channel>
</rss>

Validasi Feed

Setelah deploy, validasi feed kamu agar memastikan formatnya benar:

Masukkan URL feed kamu (misalnya https://blog.namakamu.com/feed.xml) dan pastikan tidak ada error.


Buat tombol atau link RSS yang mudah ditemukan pengunjung:

<!-- Di header atau sidebar -->
<a href="/feed.xml" title="Subscribe via RSS" class="rss-link">
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="16"
    height="16"
    viewBox="0 0 24 24"
    fill="currentColor"
  >
    <path
      d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.01 7.38 20 6.18 20
             C4.98 20 4 19.01 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56
             15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a
             9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1z"
    />
  </svg>
  RSS
</a>

CSS untuk ikon RSS dengan warna oranye khas:

.rss-link {
  color: #f26522;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.875rem;
  text-decoration: none;
}

.rss-link:hover {
  color: #d4541a;
}

Distribusi Feed ke Platform Lain

FeedBurner (Google) — sudah tidak aktif

Google FeedBurner sudah dihentikan pada 2023. Jangan gunakan ini lagi.

Mailchimp RSS-to-Email

Mailchimp bisa otomatis mengirim email ke subscriber setiap kali ada item baru di RSS feed kamu. Fitur ini disebut RSS-to-Email Campaign.

IFTTT / Zapier

Bisa diatur untuk otomatis posting ke Twitter/Mastodon/Telegram setiap kali ada artikel baru di feed.

Feedly Discovery

Submit feed kamu ke Feedly agar muncul di pencarian Feedly: https://feedly.com/i/subscription/feed/https://blog.namakamu.com/feed.xml


JSON Feed — Alternatif Modern RSS

JSON Feed adalah format feed modern yang menggunakan JSON alih-alih XML. Lebih mudah diparse oleh JavaScript tapi dukungan feed reader-nya masih lebih sedikit dari RSS/Atom.

Buat file feed.json:

---
layout: none
---
{
  "version": "https://jsonfeed.org/version/1.1",
  "title": {{ site.title | jsonify }},
  "home_page_url": {{ site.url | jsonify }},
  "feed_url": {{ "/feed.json" | absolute_url | jsonify }},
  "description": {{ site.description | jsonify }},
  "items": [
    {% for post in site.posts limit:20 %}
    {
      "id": {{ post.url | absolute_url | jsonify }},
      "url": {{ post.url | absolute_url | jsonify }},
      "title": {{ post.title | jsonify }},
      "content_text": {{ post.excerpt | strip_html | jsonify }},
      "date_published": {{ post.date | date_to_xmlschema | jsonify }},
      "tags": {{ post.tags | jsonify }}
    }{% unless forloop.last %},{% endunless %}
    {% endfor %}
  ]
}

Kesimpulan

RSS Feed adalah fitur yang mudah diimplementasikan di Jekyll dan memberikan nilai jangka panjang yang nyata. Plugin jekyll-feed menangani semua kompleksitas format Atom secara otomatis. Dengan feed yang valid dan link RSS yang mudah ditemukan, kamu membuka saluran distribusi konten yang tidak tergantung pada platform media sosial mana pun.

Kiki/🎮🍉⌨️🍩💻
Written by Kiki/🎮🍉⌨️🍩💻
hello I'm friend K.