Pernah mendengar istilah PMI? PMI adalah singkatan dari Palang Merah Indonesia. Lalu, apa itu PMI dan apa peran pentingnya bagi kita semua? Yuk, cari tau di artikel ini!
—
Pernah nggak sih kamu memperhatikan ambulans yang melintas di jalan? Biasanya, di ambulans tersebut, ada lambang tanda plus merah di atas latar putih, dengan garis berbentuk kelopak bunga yang mengelilinginya. Atau, pernahkah kamu ikut kegiatan donor darah? Lambang itu juga sering ada di seragam tenaga medisnya, loh. Tanpa sadar, kita sebenarnya sering bertemu dengan organisasi di balik lambang tersebut.
Gambar mobil ambulans PMI. (Sumber: pmidkijakarta.or.id)
Yup! Dialah Palang Merah Indonesia (PMI), sebuah lembaga kemanusiaan yang perannya begitu dekat dengan kehidupan kita sehari-hari. Mulai dari membantu korban bencana, mengorganisir kegiatan donor darah, menyediakan layanan kesehatan, sampai mengedukasi masyarakat soal pentingnya hidup sehat dan saling tolong-menolong.
Nah, tau nggak sih, tanggal 17 September itu diperingati sebagai Hari Ulang Tahun Palang Merah Indonesia. So, di momen Hari Palang Merah Indonesia ini, yuk kita kenalan lebih dekat dengan PMI!
Apa itu Palang Merah Indonesia?
PMI, atau singkatan dari Palang Merah Indonesia, adalah organisasi kemanusiaan yang bergerak di bidang sosial dan kesehatan. PMI juga merupakan bagian dari Federasi Internasional Perhimpunan Palang Merah dan Bulan Sabit Merah. Organisasi ini bersifat netral dan independen ya gais, dalam menjalankan tugasnya, PMI akan berlandaskan prinsip-prinsip dasar Gerakan Palang Merah dan Bulan Sabit Merah Internasional.
Baca Juga: Mengenal Sejarah Peringatan Hari Kesehatan Nasional di Indonesia
Apa Sih Tujuan Palang Merah Indonesia?
Palang Merah Indonesia punya tujuan utama untuk mendukung pemerintah dan masyarakat di bidang kemanusiaan, kesehatan, dan sosial. Umumnya, kegiatan PMI itu beragam gais, mulai dari memberi bantuan darurat, menangani korban bencana, menyediakan layanan kesehatan, sampai membina para relawan. Nggak cuma itu, PMI juga aktif mengedukasi masyarakat tentang dunia kepalangmerahan dan pentingnya pertolongan pertama.
Buat kamu yang masih duduk di bangku sekolah, pasti sering dengar istilah PMR atau Palang Merah Remaja, kan? Nah, itu merupakan bagian dari PMI juga, lho! Bedanya, PMR lebih berfokus untuk melatih generasi muda, agar peduli dan siap membantu sesama. PMR biasanya menjadi salah satu kegiatan ekstrakurikuler yang bisa diikuti siswa di bangku SMP dan SMA. Kamu anak PMR juga, bukan?
Sejarah Palang Merah Indonesia
Ngomongin soal sejarah Palang Merah Indonesia, kita mesti mundur dulu nih, ke masa-masa perang dunia. Pada 21 Oktober 1873, pemerintah kolonial Belanda mendirikan organisasi bernama Nederlands Rode Kruis Afdeling Indie (NERKAI) sebagai cabang Palang Merah di Hindia Belanda. Tapi, organisasi ini dibubarkan ketika Jepang menduduki Indonesia.
Organisasi Palang Merah di Indonesia pada masa kolonial Belanda. (Sumber: commons.wikimedia.org)
Nah, sekitar tahun 1932, dua tokoh bernama Dr. RCL Senduk dan Dr. Bahder Djohan mulai berjuang agar Indonesia punya Palang Merah sendiri. Mereka sempat mengusulkan pembentukan organisasi ini pada Konferensi NERKAI tahun 1940, tapi ditolak. Saat Jepang berkuasa, usaha itu mereka coba usulkan lagi, tapi gagal karena dilarang pemerintah militer Jepang.
Kesempatan baru muncul setelah Indonesia merdeka. Hanya 17 hari setelah proklamasi, tepatnya 3 September 1945, Presiden Soekarno memerintahkan untuk membentuk organisasi Palang Merah Nasional. Mengikuti arahan presiden, Dr. Boentaran Martoatmodjo (Menteri Kesehatan kala itu) dan Drs. Mohammad Hatta (Wakil Presiden RI) membentuk Panitia Lima pada 5 September 1945. Panitia ini terdiri dari Dr. R. Mochtar (Ketua), Dr. Bahder Djohan (Sekretaris), Dr. Djuhana, Dr. Marzuki, dan Dr. Sitanala. Tokoh-tokoh inilah yang kemudian dikenal sebagai pendiri Palang Merah Indonesia.
Akhirnya, pada 17 September 1945, Palang Merah Indonesia (PMI) resmi berdiri, di bawah kepemimpinan Drs. Mohammad Hatta. Oleh karena itu, Moh. Hatta pun dikenal luas sebagai Bapak Palang Merah Indonesia, dan setiap tanggal 17 September diperingati sebagai Hari Palang Merah Indonesia.
Markas besar Palang Merah Indonesia (PMI). (Sumber: mediaindonesia.com)
Menariknya, kalau di Indonesia ada Bapak PMI, maka di dunia juga ada Bapak Palang Merah Dunia, yaitu Jean Henry Dunant. Beliau adalah seorang pengusaha dan aktivis sosial dari Swiss, yang pertama kali mempelopori gerakan kepalangmerahan di dunia. Logo Palang Merah (Red Cross) pun diadopsi dari bendera Swiss, loh.
Baca Juga: Sejarah Hari Pramuka di Indonesia & Perkembangannya
Selanjutnya, pada 16 Januari 1950, pemerintah Belanda resmi membubarkan NERKAI dan menyerahkan asetnya ke PMI, karena setiap negara hanya boleh punya satu organisasi Palang Merah. Penyerahan tersebut diwakili oleh Dr. B. Van Trich dari NERKAI dan Dr. Bahder Djohan dari PMI.
Dari situ, PMI mulai aktif memberi bantuan kepada korban perang dan membantu pemulangan tawanan perang sekutu dan Jepang. Berkat upayanya, PMI menerima pengakuan internasional dari Komite Internasional Palang Merah (ICRC) pada 15 Juni 1950, dan menjadi anggota Palang Merah Internasional. Selanjutnya, pada Oktober 1950, PMI diterima sebagai anggota ke-68 dari Liga Palang Merah dan Bulan Sabit Merah, yang kini dikenal sebagai Federasi Internasional Palang Merah dan Bulan Sabit Merah (IFRC).
Keberadaan PMI juga makin kuat secara hukum lewat Keppres No. 25/1950 dan Keppres No. 246/1963, yang menegaskan tugas PMI memberikan pertolongan pertama kepada korban perang maupun bencana sesuai Konvensi Jenewa 1949.
Puncaknya, pada 2018, lahirlah UU No. 1 Tahun 2018 tentang Kepalangmerahan yang menjadikan PMI sebagai organisasi kemanusiaan resmi di Indonesia. Undang-undang ini menegaskan bahwa PMI bekerja tanpa diskriminasi, melayani siapa pun yang butuh bantuan, apapun agama, etnis, gender, atau pandangan politiknya.
Sampai Februari 2019, PMI sudah hadir di 33 provinsi, 474 kabupaten/kota, dan 3.406 kecamatan, dengan hampir 1,5 juta relawan siap turun tangan membantu masyarakat.
Logo Palang Merah Indonesia dan Maknanya
Logo Palang Merah Indonesia berbentuk tanda plus merah di atas bidang putih yang dikelilingi garis merah berbentuk kelopak bunga. Kemudian, di sampingnya atau di bawahnya, biasanya disertai dengan tulisan “Palang Merah Indonesia” berwarna hitam. Kamu bisa melihat lambang Palang Merah Indonesia pada gambar di bawah ini, ya.
Logo Palang Merah Indonesia (PMI). (Sumber: pmi.denpasarkota.go.id)
Kalau logonya sih, mungkin kamu sudah sering lihat ya, tapi kamu sudah tahu belum, apa makna dari lambang Palang Merah Indonesia ini? Logo ini sebenarnya berasal dari lambang Gerakan Kepalangmerahan Internasional yang berlaku secara universal di dunia. Terdapat 3 macam simbol Gerakan Kepalangmerahan Internasional, yaitu:
1. Red Cross Symbol (Palang Merah)
Lambang Palang Merah pertama kali diadopsi lewat Konvensi Jenewa tahun 1864. Desainnya sengaja dibuat sebagai kebalikan dari bendera Swiss, untuk menghormati peran penting Swiss dalam lahirnya konvensi tersebut. Kalau bendera Swiss berupa tanda plus putih di atas latar merah, maka lambang Palang Merah dibalik menjadi tanda plus merah di atas latar putih.
2. Simbol Bulan Sabit Merah
Diciptakan pada akhir tahun 1800-an untuk menghindari konotasi religius yang terkait dengan simbol Palang Merah di negara-negara tertentu. Simbol ini secara resmi diakui dalam Konvensi Jenewa yang direvisi pada tahun 1929.
3. Simbol Kristal Merah
Simbol ini mulai ditetapkan tahun 2005, tujuannya supaya ada perlindungan tambahan di kondisi ketika simbol lama dianggap kurang netral.
Gambar simbol-simbol Gerakan Kepalangmerahan Internasional yang diakui secara universal. (Sumber: pmi.or.id)
Ketiga simbol di atas memiliki makna perlindungan yang netral bagi seluruh relawan, korban bencana, serta fasilitas kesehatan yang berada di bawah naungan Palang Merah. Jadi, dalam situasi perang atau bencana, semua pihak wajib menghormati lambang ini karena menunjukkan upaya kemanusiaan yang tidak memihak siapa pun.
Prinsip Palang Merah Indonesia
Terdapat 7 prinsip Palang Merah Indonesia berdasarkan prinsip-prinsip Dasar Gerakan Palang Merah dan Bulan Sabit Merah Internasional. Prinsip ini wajib diikuti oleh seluruh organisasi Palang Merah di negara manapun termasuk di Indonesia, dan berperan sebagai tujuan atau pedoman bagi organisasi kepalangmerahan.
1. Kemanusiaan (Humanity)
Prinsip ini menekankan untuk memberi bantuan kepada siapapun tanpa ada diskriminasi. Tujuannya, mencegah dan mengurangi penderitaan manusia dimana pun, baik secara nasional maupun internasional.
Baca Juga: Piagam PBB dalam Upaya Menciptakan Keamanan dan Perdamaian Dunia
2. Kesamaan (Impartiality)
Maksudnya, semua orang harus diperlakukan setara. Bantuan nggak boleh dibedakan berdasarkan suku, agama, ras, status, atau pandangan politik. Satu-satunya hal yang jadi pertimbangan hanyalah siapa yang paling butuh pertolongan lebih dulu.
3. Kenetralan (Neutrality)
Palang Merah nggak boleh memihak dalam konflik dan nggak ikut campur urusan politik, agama, atau ideologi. Tujuannya agar tetap dipercaya semua pihak.
4. Kemandirian (Independence)
Walaupun organisasi ini sering bekerja sama dengan pemerintah, Palang Merah tetap harus mandiri (independen). Artinya, Palang Merah tetap bisa bertindak sesuai prinsip kemanusiaan, tanpa dipengaruhi kepentingan politik atau pihak tertentu.
5. Kesukarelaan (Voluntary Service)
Kesukarelaan adalah prinsip yang menekankan kegiatan kemanusiaan bersifat sukarela dan tidak bermaksud sama sekali untuk mencari keuntungan.
6. Kesatuan (Unity)
Dalam satu negara, hanya boleh ada satu organisasi Palang Merah atau Bulan Sabit Merah. Organisasi ini harus terbuka untuk semua orang dan bekerja di seluruh wilayah negara tersebut.
7. Kesemestaan (Universality)
Palang Merah ada di hampir semua negara, dan semuanya saling terhubung. Setiap perhimpunan punya kedudukan yang sama, berbagi tanggung jawab, dan saling membantu tanpa batas negara.
Nah, prinsip-prinsip fundamental ini mengungkapkan nilai-nilai dan praktik Gerakan Palang Merah dan Bulan Sabit Merah Internasional sebagai panduan untuk tindakan dan identitas bersama bagi gerakan tersebut. Kamu yang anak PMR di sekolah, pasti sudah hapal banget kan, sama 7 prinsip di atas yang selalu disebutkan setiap kali apel?
Tugas Palang Merah Indonesia
Tugas Palang Merah Indonesia berdasarkan Undang-Undang No. 1 Tahun 2018 tentang Kepalangmerahan adalah:
- Memberikan bantuan kepada korban konflik bersenjata, kerusuhan, dan gangguan lainnya.
- Menawarkan layanan darah sesuai dengan peraturan hukum.
- Mengembangkan dan mengelola relawan.
- Melaksanakan pendidikan dan pelatihan terkait kegiatan Palang Merah.
- Menyebarluaskan informasi tentang kegiatan Palang Merah.
- Memberikan bantuan dalam manajemen bencana baik di dalam negeri maupun internasional.
- Memberikan layanan kesehatan dan sosial.
- Melaksanakan tugas kemanusiaan lainnya yang ditugaskan oleh pemerintah.
Mars dan Hymne Palang Merah Indonesia
Seperti organisasi resmi lainnya, PMI juga memiliki lagu yang biasa dinyanyikan saat upacara atau apel, loh. Terdapat dua macam lagu PMI, yaitu Mars Palang Merah Indonesia dan Hymne Palang Merah Indonesia. Berikut adalah lirik lagu Mars PMI dan Hymne PMI.
1. Mars PMI
Palang Merah Indonesia
Sumber kasih umat manusia
Warisan luhur, nusa dan bangsa
Wujud nyata pengayom Pancasila
Gerak juangnya keseluruh nusa
Mendarmakan bhakti bagi ampera
Tunaikan tugas suci tujuan PMI
Di Persada Bunda Pertiwi
Untuk umat manusia
Di seluruh dunia
PMI menghantarkan jasa
2. Hymne PMI
Palang merah Indonesia
Wujud kepedulian nyata
Nurani yang suci
Untuk membantu menolong sesama
PMI
Siaga setiap waktu
Berbakti, dan mengabdi
Bagi hidup manusia
Agar sehat sejahtera di seluruh dunia
Bagaimana Cara Berpartisipasi dalam Mendukung PMI?
Nah, kalo soal kemanusiaan, bukan cuma tugas relawan PMI aja, tapi juga menjadi tanggung jawab kita semua. Ada banyak cara sederhana yang bisa kita lakukan untuk ikut mendukung peran PMI, lho. Dukungan kecil dari kita bisa berarti besar bagi mereka yang sedang membutuhkan. Misalnya dengan:
- Menjadi pendonor darah rutin.
- Ikut kegiatan sosial PMI di sekolah atau komunitas.
- Menyebarkan informasi positif soal PMI dan pentingnya tolong-menolong.
- Berdonasi kepada PMI.
- Menjadi relawan aktif PMI.
Baca Juga: Hari Perempuan Internasional & Nasional: Yuk, Pahami tentang Kesetaraan Gender!
Wah, ternyata kehadiran PMI benar-benar penting untuk membantu masyarakat luas, ya. Tanpa dukungan kita semua, kerja kemanusiaan tidak akan bisa maksimal. Oleh karena itu, partisipasi kamu dalam mendukung kerja PMI sangatlah berarti.
Nah, sekarang kamu sudah tahu lebih banyak kan, soal Palang Merah Indonesia? PMI punya peran yang sangat besar dalam menjaga nilai-nilai kemanusiaan di Indonesia. Semoga setelah membaca artikel ini, kamu jadi lebih paham dan peduli terhadap kegiatan PMI. Siapa tau, kamu juga tergerak hatinya untuk menjadi bagian dari gerakan kemanusiaan ini, entah sebagai relawan, pendonor darah, donatur, atau aktif dalam menyebarkan semangat tolong-menolong ke orang-orang sekitar.
Yuk, jadi generasi yang peduli dan siap menolong kapan pun dibutuhkan! Karena membantu sesama adalah tugas kita bersama. Jangan lupa juga untuk selalu belajar materi pelajaran lainnya hanya di ruangbelajar!
Referensi:
https://www.pmi.or.id/ (Diakses pada 3 Juni 2025)
https://www.pmi.or.id/about-us/history (Diakses pada 3 Juni 2025)
https://pmikotasemarang.or.id/sejarah-lengkap/ (Diakses pada 3 Juni 2025)
Sumber Gambar:
Gambar ‘Markas Besar PMI’ [Daring]. Tautan: https://epaper.mediaindonesia.com/detail/berdirinya-pmi-3-september-1945 (Diakses pada 19 September 2025)
Gambar ‘Roode Kruis Batavia’ [Daring]. Tautan: https://commons.wikimedia.org/wiki/File:Gebouw_Rode_Kruis_Batavia,_Bestanddeelnr_3291.jpg (Diakses pada 19 September 2025)
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="viewport" content="Ruangguru Tech Team">
<title>Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/homepage-web/public/assets/icons/favicon.id.ico" type="image/x-icon" />
<!-- <link rel="profile" href="https://gmpg.org/xfn/11"> -->
<link rel="pingback" href="https://www.ruangguru.com/blog/xmlrpc.php">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/style.css">
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/jquery-3.6.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/bootstrap.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/main.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/side-banner.js"></script>
<!-- Google Tag Manager -->
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<!-- <script>
document.querySelector('meta[name="author"]').setAttribute("content", "Ruangguru Tech Team");
</script> -->
<meta name="publisher" content="PT Ruang Raya Indonesia">
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- This site is optimized with the Yoast SEO plugin v25.9 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Pernah mendengar istilah PMI? Yup! PMI adalah singkatan dari Palang Merah Indonesia. Apa itu PMI dan apa peran pentingnya bagi kemanusiaan?" />
<link rel="canonical" href="https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya" />
<meta property="og:description" content="Pernah mendengar istilah PMI? Yup! PMI adalah singkatan dari Palang Merah Indonesia. Apa itu PMI dan apa peran pentingnya bagi kemanusiaan?" />
<meta property="og:url" content="https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2025-09-19T06:56:13+00:00" />
<meta name="author" content="Kenya Swawikanti" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Kenya Swawikanti" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="10 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia","url":"https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia","name":"Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/2b0877be-e172-4dba-8b3a-9dd0ed545f7c.png","datePublished":"2025-09-19T06:56:13+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Pernah mendengar istilah PMI? Yup! PMI adalah singkatan dari Palang Merah Indonesia. Apa itu PMI dan apa peran pentingnya bagi kemanusiaan?","breadcrumb":{"@id":"https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/2b0877be-e172-4dba-8b3a-9dd0ed545f7c.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/2b0877be-e172-4dba-8b3a-9dd0ed545f7c.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14","name":"Kenya Swawikanti","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Kenya Swawikanti"},"url":"https://www.ruangguru.com/blog/author/kenya-swawikanti"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya Comments Feed" href="https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia/feed" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.ruangguru.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.ruangguru.com/blog/wp-includes/css/dist/block-library/style.min.css?ver=6.8.1' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="https://api.w.org/" href="https://www.ruangguru.com/blog/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.ruangguru.com/blog/wp-json/wp/v2/posts/24756" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.ruangguru.com/blog/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.1" />
<link rel='shortlink' href='https://www.ruangguru.com/blog/?p=24756' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fmengenal-palang-merah-indonesia" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fmengenal-palang-merah-indonesia&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-24756 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/fakta-seru">Fakta Seru</a></li> </ol>
</nav>
<h1 class="content-title">
Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/kenya-swawikanti" class="">Kenya Swawikanti</a> </p>
<p class="content-info"><span>September 19, 2025 • </span> <span>10 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p style="text-align: justify;"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2b0877be-e172-4dba-8b3a-9dd0ed545f7c.png" alt="palang merah indonesia" width="820" /></p>
<blockquote>
<p style="text-align: center;"><em><span style="font-weight: 400;">Pernah mendengar istilah PMI? PMI adalah singkatan dari <strong>Palang Merah Indonesia</strong>. Lalu, apa itu PMI dan apa peran pentingnya bagi kita semua? Yuk, cari tau di artikel ini!</span></em></p>
</blockquote>
<p style="text-align: center;">—</p>
<p> </p>
<p style="text-align: justify;">Pernah nggak sih kamu memperhatikan ambulans yang melintas di jalan? Biasanya, di ambulans tersebut, ada lambang tanda plus merah di atas latar putih, dengan garis berbentuk kelopak bunga yang mengelilinginya. Atau, pernahkah kamu ikut kegiatan donor darah? Lambang itu juga sering ada di seragam tenaga medisnya, loh. Tanpa sadar, kita sebenarnya sering bertemu dengan organisasi di balik lambang tersebut.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2c768173-97d5-4219-a48b-c2d9fb5d0407.png" alt="mobil palang merah indonesia" width="500" /></p>
<p style="text-align: center;">Gambar mobil ambulans PMI. (Sumber: pmidkijakarta.or.id)</p>
<p> </p>
<p style="text-align: justify;">Yup! Dialah <strong>Palang Merah Indonesia (PMI)</strong>, sebuah lembaga kemanusiaan yang perannya begitu dekat dengan kehidupan kita sehari-hari. M<span style="font-weight: 400;">ulai dari membantu korban bencana, mengorganisir kegiatan donor darah, menyediakan layanan kesehatan, sampai mengedukasi masyarakat soal pentingnya hidup sehat dan saling tolong-menolong.</span></p>
<p style="text-align: justify;">Nah, tau nggak sih, tanggal 17 September itu diperingati sebagai Hari Ulang Tahun Palang Merah Indonesia. <em>So</em>, di momen Hari Palang Merah Indonesia ini, yuk kita kenalan lebih dekat dengan PMI!</p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Apa itu Palang Merah Indonesia?</b></span></h2>
<p style="text-align: justify;">PMI, atau singkatan dari Palang Merah Indonesia, adalah <strong>organisasi kemanusiaan yang bergerak di bidang sosial dan kesehatan</strong>. PMI juga merupakan bagian dari Federasi Internasional Perhimpunan Palang Merah dan Bulan Sabit Merah. Organisasi ini bersifat netral dan independen ya gais, dalam menjalankan tugasnya, PMI akan berlandaskan prinsip-prinsip dasar Gerakan Palang Merah dan Bulan Sabit Merah Internasional.</p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/hari-kesehatan-nasional-di-indonesia">Mengenal Sejarah Peringatan Hari Kesehatan Nasional di Indonesia</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Apa Sih Tujuan Palang Merah Indonesia?</span></h2>
<p style="text-align: justify;">Palang Merah Indonesia punya tujuan utama untuk <strong>mendukung pemerintah dan masyarakat di bidang kemanusiaan, kesehatan, dan sosial</strong>. Umumnya, kegiatan PMI itu beragam gais, mulai dari memberi bantuan darurat, menangani korban bencana, menyediakan layanan kesehatan, sampai membina para relawan. Nggak cuma itu, PMI juga aktif mengedukasi masyarakat tentang dunia kepalangmerahan dan pentingnya pertolongan pertama.</p>
<p style="text-align: justify;"><span style="font-weight: 400;">Buat kamu yang masih duduk di bangku sekolah, pasti sering dengar istilah PMR atau Palang Merah Remaja, kan? Nah, itu merupakan bagian dari PMI juga, lho! Bedanya, PMR lebih berfokus untuk melatih generasi muda, agar peduli dan siap membantu sesama. PMR biasanya menjadi salah satu kegiatan ekstrakurikuler yang bisa diikuti siswa di bangku SMP dan SMA. Kamu anak PMR juga, bukan?</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Sejarah Palang Merah Indonesia</b></span></h2>
<p style="text-align: justify;">Ngomongin soal sejarah Palang Merah Indonesia, kita mesti mundur dulu nih, ke masa-masa perang dunia. Pada <strong>21 Oktober 1873</strong>, pemerintah kolonial Belanda mendirikan organisasi bernama <strong>Nederlands Rode Kruis Afdeling Indie (NERKAI)</strong> sebagai cabang Palang Merah di Hindia Belanda. Tapi, organisasi ini dibubarkan ketika Jepang menduduki Indonesia.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/336fb229-9a74-4ac0-91de-b08956948e72.jpg" alt="Nederlands Rode Kruis Afdeling Indie (NERKAI)" width="600" /></p>
<p style="text-align: center;">Organisasi Palang Merah di Indonesia pada masa kolonial Belanda. (Sumber: commons.wikimedia.org)</p>
<p> </p>
<p style="text-align: justify;">Nah, sekitar tahun <strong>1932</strong>, dua tokoh bernama <strong>Dr. RCL Senduk dan Dr. Bahder Djohan</strong> mulai berjuang agar Indonesia punya Palang Merah sendiri. Mereka sempat mengusulkan pembentukan organisasi ini pada Konferensi NERKAI tahun 1940, tapi ditolak. Saat Jepang berkuasa, usaha itu mereka coba usulkan lagi, tapi gagal karena dilarang pemerintah militer Jepang.</p>
<p style="text-align: justify;">Kesempatan baru muncul setelah Indonesia merdeka. Hanya 17 hari setelah proklamasi, tepatnya <strong>3 September 1945</strong>, Presiden Soekarno memerintahkan untuk membentuk organisasi <strong>Palang Merah Nasional</strong>. Mengikuti arahan presiden, <strong>Dr. Boentaran Martoatmodjo</strong> (Menteri Kesehatan kala itu) dan <strong>Drs. Mohammad Hatta</strong> (Wakil Presiden RI) membentuk <strong>Panitia Lima pada 5 September 1945</strong>. Panitia ini terdiri dari Dr. R. Mochtar (Ketua), Dr. Bahder Djohan (Sekretaris), Dr. Djuhana, Dr. Marzuki, dan Dr. Sitanala. Tokoh-tokoh inilah yang kemudian dikenal sebagai pendiri Palang Merah Indonesia.</p>
<p style="text-align: justify;">Akhirnya, pada <strong>17 September 1945</strong>, <strong>Palang Merah Indonesia (PMI) resmi berdiri</strong>, di bawah kepemimpinan Drs. Mohammad Hatta. Oleh karena itu, Moh. Hatta pun dikenal luas sebagai Bapak Palang Merah Indonesia, dan setiap tanggal <strong>17 September diperingati sebagai Hari Palang Merah Indonesia</strong>.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d209b2bd-7fe8-4775-9607-3bf0e487c522.png" alt="organisasi palang merah indonesia" width="600" /></p>
<p style="text-align: center;">Markas besar Palang Merah Indonesia (PMI). (Sumber: mediaindonesia.com)</p>
<p> </p>
<p style="text-align: justify;">Menariknya, kalau di Indonesia ada Bapak PMI, maka di dunia juga ada Bapak Palang Merah Dunia, yaitu <strong>Jean Henry Dunant</strong>. Beliau adalah seorang pengusaha dan aktivis sosial dari Swiss, yang pertama kali mempelopori gerakan kepalangmerahan di dunia. Logo Palang Merah (<em>Red Cross</em>) pun diadopsi dari bendera Swiss, loh.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/sejarah-perkembangan-pramuka-di-indonesia">Sejarah Hari Pramuka di Indonesia & Perkembangannya</a></strong></p>
<p style="text-align: justify;">Selanjutnya, pada <strong>16 Januari 1950</strong>, pemerintah Belanda <strong>resmi membubarkan NERKAI</strong> dan menyerahkan asetnya ke PMI, karena setiap negara hanya boleh punya satu organisasi Palang Merah. Penyerahan tersebut diwakili oleh Dr. B. Van Trich dari NERKAI dan Dr. Bahder Djohan dari PMI.</p>
<p style="text-align: justify;">Dari situ, PMI mulai aktif memberi bantuan kepada korban perang dan membantu pemulangan tawanan perang sekutu dan Jepang. Berkat upayanya, PMI menerima pengakuan internasional dari Komite Internasional Palang Merah (ICRC) pada 15 Juni 1950, dan menjadi anggota Palang Merah Internasional. Selanjutnya, pada Oktober 1950, PMI diterima sebagai anggota ke-68 dari Liga Palang Merah dan Bulan Sabit Merah, yang kini dikenal sebagai Federasi Internasional Palang Merah dan Bulan Sabit Merah (IFRC).</p>
<p style="text-align: justify;">Keberadaan PMI juga makin kuat secara hukum lewat <strong>Keppres No. 25/1950 dan Keppres No. 246/1963</strong>, yang menegaskan tugas PMI memberikan pertolongan pertama kepada korban perang maupun bencana sesuai Konvensi Jenewa 1949.</p>
<p style="text-align: justify;">Puncaknya, pada 2018, lahirlah <strong>UU No. 1 Tahun 2018</strong> tentang Kepalangmerahan yang menjadikan PMI sebagai organisasi kemanusiaan resmi di Indonesia. Undang-undang ini menegaskan bahwa PMI bekerja tanpa diskriminasi, melayani siapa pun yang butuh bantuan, apapun agama, etnis, gender, atau pandangan politiknya.</p>
<p style="text-align: justify;">Sampai Februari 2019, PMI sudah hadir di <strong>33 provinsi, 474 kabupaten/kota, dan 3.406 kecamatan</strong>, dengan hampir 1,5 juta relawan siap turun tangan membantu masyarakat.</p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Logo Palang Merah Indonesia dan Maknanya</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Logo Palang Merah Indonesia berbentuk <strong>tanda plus merah di atas bidang putih yang dikelilingi garis merah berbentuk kelopak bunga</strong>. Kemudian, di sampingnya atau di bawahnya, biasanya disertai dengan tulisan “Palang Merah Indonesia” berwarna hitam. Kamu bisa melihat lambang Palang Merah Indonesia pada gambar di bawah ini, ya.</span></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac2acd10-5cd7-4146-abe7-811a20c502e1.png" alt="logo palang merah indonesia" width="500" /></p>
<p style="text-align: center;">Logo Palang Merah Indonesia (PMI). (Sumber: pmi.denpasarkota.go.id)</p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau logonya sih, mungkin kamu sudah sering lihat ya, tapi kamu sudah tahu belum, apa makna dari lambang Palang Merah Indonesia ini? Logo ini sebenarnya berasal dari lambang Gerakan Kepalangmerahan Internasional yang berlaku secara universal di dunia. Terdapat 3 macam simbol Gerakan Kepalangmerahan Internasional, yaitu:</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>1. </b><em><b>Red Cross Symbol </b></em><b>(Palang Merah)</b></span></h3>
<p style="text-align: justify;">Lambang Palang Merah pertama kali diadopsi lewat <strong>Konvensi Jenewa tahun 1864</strong>. Desainnya sengaja dibuat sebagai kebalikan dari bendera Swiss, untuk menghormati peran penting Swiss dalam lahirnya konvensi tersebut. Kalau bendera Swiss berupa tanda plus putih di atas latar merah, maka lambang Palang Merah dibalik menjadi <strong>tanda plus merah di atas latar putih</strong>.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>2. Simbol Bulan Sabit Merah</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Diciptakan pada akhir tahun 1800-an untuk <strong>menghindari konotasi religius</strong> yang terkait dengan simbol Palang Merah di negara-negara tertentu. Simbol ini secara resmi diakui dalam Konvensi Jenewa yang direvisi pada tahun 1929.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>3. Simbol Kristal Merah</b></span></h3>
<p style="text-align: justify;">Simbol ini mulai ditetapkan tahun 2005, tujuannya supaya ada perlindungan tambahan di kondisi ketika simbol lama dianggap kurang netral.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ddb7d79-e86a-46a1-b66b-e2b6961b2ebc.png" alt="simbol simbol yang ada pada logo palang merah indonesia" width="500" /></p>
<p style="text-align: center;"><span style="font-weight: 400;">Gambar simbol-simbol Gerakan Kepalangmerahan Internasional yang diakui secara universal. (Sumber: pmi.or.id)</span></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Ketiga simbol di atas memiliki makna perlindungan yang netral bagi seluruh relawan, korban bencana, serta fasilitas kesehatan yang berada di bawah naungan Palang Merah. Jadi, dalam situasi perang atau bencana, semua pihak wajib menghormati lambang ini karena menunjukkan upaya kemanusiaan yang tidak memihak siapa pun. </span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Prinsip Palang Merah Indonesia</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Terdapat <strong>7 prinsip Palang Merah Indonesia</strong> berdasarkan prinsip-prinsip Dasar Gerakan Palang Merah dan Bulan Sabit Merah Internasional. Prinsip ini wajib diikuti oleh seluruh organisasi Palang Merah di negara manapun termasuk di Indonesia, dan berperan sebagai tujuan atau pedoman bagi organisasi kepalangmerahan.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>1. Kemanusiaan (</b><em><b>Humanity</b></em><b>)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Prinsip ini menekankan untuk memberi bantuan kepada siapapun tanpa ada diskriminasi. Tujuannya, mencegah dan mengurangi penderitaan manusia dimana pun, baik secara nasional maupun internasional.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/pemikiran-piagam-pbb-dalam-upaya-menciptakan-keamanan-dan-perdamaian-dunia">Piagam PBB dalam Upaya Menciptakan Keamanan dan Perdamaian Dunia</a></strong></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>2. Kesamaan (</b><em><b>Impartiality</b></em><b>)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Maksudnya, semua orang harus diperlakukan setara. Bantuan nggak boleh dibedakan berdasarkan suku, agama, ras, status, atau pandangan politik. Satu-satunya hal yang jadi pertimbangan hanyalah siapa yang paling butuh pertolongan lebih dulu.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>3. Kenetralan (</b><em><b>Neutrality</b></em><b>)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Palang Merah nggak boleh memihak dalam konflik dan nggak ikut campur urusan politik, agama, atau ideologi. Tujuannya agar tetap dipercaya semua pihak.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>4. Kemandirian (</b><em><b>Independence</b></em><b>)</b></span></h3>
<p style="text-align: justify;">Walaupun organisasi ini sering bekerja sama dengan pemerintah, Palang Merah tetap harus mandiri (independen). Artinya, Palang Merah tetap bisa bertindak sesuai prinsip kemanusiaan, tanpa dipengaruhi kepentingan politik atau pihak tertentu.</p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>5. Kesukarelaan (</b><em><b>Voluntary Service</b></em><b>)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Kesukarelaan adalah prinsip yang menekankan kegiatan kemanusiaan bersifat sukarela dan tidak bermaksud sama sekali untuk mencari keuntungan.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>6. Kesatuan (</b><em><b>Unity</b></em><b>)</b></span></h3>
<p style="text-align: justify;">Dalam satu negara, hanya boleh ada satu organisasi Palang Merah atau Bulan Sabit Merah. Organisasi ini harus terbuka untuk semua orang dan bekerja di seluruh wilayah negara tersebut.</p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>7. Kesemestaan (</b><em><b>Universality</b></em><b>)</b></span></h3>
<p style="text-align: justify;">Palang Merah ada di hampir semua negara, dan semuanya saling terhubung. Setiap perhimpunan punya kedudukan yang sama, berbagi tanggung jawab, dan saling membantu tanpa batas negara.</p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, prinsip-prinsip fundamental ini mengungkapkan nilai-nilai dan praktik Gerakan Palang Merah dan Bulan Sabit Merah Internasional sebagai panduan untuk tindakan dan identitas bersama bagi gerakan tersebut. Kamu yang anak PMR di sekolah, pasti sudah hapal banget kan, sama 7 prinsip di atas yang selalu disebutkan setiap kali apel?</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Tugas Palang Merah Indonesia</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Tugas Palang Merah Indonesia berdasarkan Undang-Undang No. 1 Tahun 2018 tentang Kepalangmerahan adalah:</span></p>
<ol style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Memberikan bantuan kepada korban konflik bersenjata, kerusuhan, dan gangguan lainnya.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Menawarkan layanan darah sesuai dengan peraturan hukum.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Mengembangkan dan mengelola relawan.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Melaksanakan pendidikan dan pelatihan terkait kegiatan Palang Merah.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Menyebarluaskan informasi tentang kegiatan Palang Merah.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Memberikan bantuan dalam manajemen bencana baik di dalam negeri maupun internasional.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Memberikan layanan kesehatan dan sosial.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Melaksanakan tugas kemanusiaan lainnya yang ditugaskan oleh pemerintah.</span></li>
</ol>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Mars dan Hymne Palang Merah Indonesia</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Seperti organisasi resmi lainnya, PMI juga memiliki lagu yang biasa dinyanyikan saat upacara atau apel, loh. Terdapat dua macam lagu PMI, yaitu Mars Palang Merah Indonesia dan Hymne Palang Merah Indonesia. Berikut adalah lirik lagu Mars PMI dan Hymne PMI. </span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>1. Mars PMI</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Palang Merah Indonesia</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Sumber kasih umat manusia</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Warisan luhur, nusa dan bangsa</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Wujud nyata pengayom Pancasila</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Gerak juangnya keseluruh nusa</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Mendarmakan bhakti bagi ampera</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Tunaikan tugas suci tujuan PMI</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Di Persada Bunda Pertiwi</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Untuk umat manusia</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Di seluruh dunia</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">PMI menghantarkan jasa</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>2. Hymne PMI</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Palang merah Indonesia</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Wujud kepedulian nyata</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nurani yang suci</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Untuk membantu menolong sesama</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">PMI</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Siaga setiap waktu</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Berbakti, dan mengabdi</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Bagi hidup manusia</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Agar sehat sejahtera di seluruh dunia</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Bagaimana Cara Berpartisipasi dalam Mendukung PMI?</b></span></h2>
<p style="text-align: justify;">Nah, kalo soal kemanusiaan, bukan cuma tugas relawan PMI aja, tapi juga menjadi tanggung jawab kita semua. Ada banyak cara sederhana yang bisa kita lakukan untuk ikut mendukung peran PMI, lho. Dukungan kecil dari kita bisa berarti besar bagi mereka yang sedang membutuhkan. Misalnya dengan:</p>
<ul style="text-align: justify;">
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Menjadi pendonor darah rutin.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Ikut kegiatan sosial PMI di sekolah atau komunitas.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Menyebarkan informasi positif soal PMI dan pentingnya tolong-menolong.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Berdonasi kepada PMI.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Menjadi relawan aktif PMI.</span></li>
</ul>
<p> </p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/hari-perempuan-sedunia-dan-nasional">Hari Perempuan Internasional & Nasional: Yuk, Pahami tentang Kesetaraan Gender!</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Wah, ternyata kehadiran PMI benar-benar penting untuk membantu masyarakat luas, ya. Tanpa dukungan kita semua, kerja kemanusiaan tidak akan bisa maksimal. Oleh karena itu, partisipasi kamu dalam mendukung kerja PMI sangatlah berarti.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, sekarang kamu sudah tahu lebih banyak kan, soal Palang Merah Indonesia? PMI punya peran yang sangat besar dalam menjaga nilai-nilai kemanusiaan di Indonesia. Semoga setelah membaca artikel ini, kamu jadi lebih paham dan peduli terhadap kegiatan PMI. Siapa tau, kamu juga tergerak hatinya untuk menjadi bagian dari gerakan kemanusiaan ini, entah sebagai relawan, pendonor darah, donatur, atau aktif dalam menyebarkan semangat tolong-menolong ke orang-orang sekitar.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Yuk, jadi generasi yang peduli dan siap menolong kapan pun dibutuhkan! Karena membantu sesama adalah tugas kita bersama. Jangan lupa juga untuk selalu belajar materi pelajaran lainnya hanya di</span> <strong><a href="https://app.ruangguru.com/ruangbelajar/">ruangbelajar</a></strong>!</p>
<p><a href="https://bayar.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3260f88-1749-4d3b-8973-be3aae07a94c.jpg" alt="CTA Ruangguru" /></a></p>
<p><strong>Referensi:</strong></p>
<p>https://www.pmi.or.id/ (Diakses pada 3 Juni 2025)</p>
<p>https://www.pmi.or.id/about-us/history (Diakses pada 3 Juni 2025)</p>
<p>https://pmikotasemarang.or.id/sejarah-lengkap/ (Diakses pada 3 Juni 2025)</p>
<p><strong>Sumber Gambar:</strong></p>
<p>Gambar ‘Markas Besar PMI’ [Daring]. Tautan: https://epaper.mediaindonesia.com/detail/berdirinya-pmi-3-september-1945 (Diakses pada 19 September 2025)</p>
<p>Gambar ‘Roode Kruis Batavia’ [Daring]. Tautan: https://commons.wikimedia.org/wiki/File:Gebouw_Rode_Kruis_Batavia,_Bestanddeelnr_3291.jpg (Diakses pada 19 September 2025)</p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/fakta-seru" rel="tag">Fakta Seru</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Kenya Swawikanti</h5>
<p class="author-description"></p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/mengenal-palang-merah-indonesia"><img src="https://cdn-web-2.ruangguru.com/static/whatsapp.png" loading="lazy" alt="Logo Whatsapp " /></a>
</li>
<li>
<a target="_blank" href="https://www.facebook.com/share.php?u=https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia&quote=Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya"> <img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook " /> </a>
</li>
<li>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya&url=https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia"> <img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading="lazy" alt="Logo Twitter " /> </a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ruangguru.com/blog/mengenal-palang-merah-indonesia&title=Mengenal Palang Merah Indonesia (PMI) dan Peran Pentingnya"><img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading="lazy" alt="Logo LinkedIn " /></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 sticky">
<aside id="sidebar">
<div class="side-banner-desktop">
</div>
<div class="glider-navigation desktop">
<div role="tablist" class="dots" id="side-banner-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<h2 style="font-size: 24px; font-weight: bold; margin-bottom: 16px;margin-top: 16px;">Artikel Terbaru</h2>
<ul>
<li>
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" alt="Pergerakan Nasional" class="external-img wp-post-image " /> <span>Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" alt="Runtuhnya Uni Soviet" class="external-img wp-post-image " /> <span>Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" class="external-img wp-post-image " /> <span>Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/9-lembaga-dan-pelaku-pasar-modal-di-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/279825ac-672b-43f9-b66e-a1c7ec87f784.png" alt="Pelaku Pasar Modal di Indonesia" class="external-img wp-post-image " /> <span>9 Lembaga dan Pelaku Pasar Modal di Indonesia | Ekonomi Kelas 10</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/peristiwa-kontemporer-dunia-perpecahan-cekoslovakia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/2a1a35c0-f1f5-45d4-8869-ff5083bd90e5.png" alt="Perpecahan Cekoslowakia" class="external-img wp-post-image " /> <span>Latar Belakang Perpecahan Cekoslowakia dan Penyebabnya | Sejarah Kelas 12</span>
</a>
</li>
</ul>
</aside>
</div>
</div>
<div class="row">
<div class="col-12">
<section class="related-posts">
<h2 class="page-title">
Artikel Lainnya
</h2>
<div class="content-grid">
<div class="content">
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11 </h2>
<div class="content-meta">
<span>March 6, 2026</span> <span>• 8 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span></span> <span>• 11 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span>March 5, 2026</span> <span>• 5 minutes read</span>
</div>
</div>
</a>
</div>
</div>
</section> </div>
</div>
<div class="banner-product-wrapper">
<a href="https://cta.ruangguru.com/7c02db90-610d-11ee-80fe-4201ac180089" target="_blank" class="alert alert-dismissible fade show banner-product" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<!-- <p>Yuk pilih kelas dan materi belajar kamu di sini</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0e292531-9ee1-4eed-92f5-b5c053eea4c2.svg" width="42px" height="42px" class="arrow-right"> -->
<img class="image-floating-bottom" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d19eb9b6-999d-4b92-87c6-c4fb32000d73.png?convert=web" />
</a>
</div>
</div>
</div>
<script>
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
async function replaceCtaMarkupAsync() {
await sleep(2000);
alert("replace")
const contentBody = document.querySelector('.content-body');
const paragraphs = contentBody.querySelectorAll('p');
const regexPattern = /{{cta\(['"](.+?)['"]\)}}/g;
paragraphs.forEach((paragraph) => {
const originalHTML = paragraph.innerHTML;
let modifiedHTML = '';
let lastIndex = 0;
for (const match of originalHTML.matchAll(regexPattern)) {
const ctaId = match[1];
modifiedHTML += originalHTML.slice(lastIndex, match.index) + `<b>${ctaId}</b>`;
lastIndex = match.index + match[0].length;
}
modifiedHTML += originalHTML.slice(lastIndex);
paragraph.innerHTML = modifiedHTML;
});
document.addEventListener("DOMContentLoaded", () => {
replaceCtaMarkupAsync();
});
}
</script>
<div class="modal fade" id="popupPromo" tabindex="-1" aria-labelledby="popupPromoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-content">
<div class="button-wrapper">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="glider-contain">
<div class="glider">
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/4680961a-4e01-4169-8ff4-da0823d0da6c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg-1">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rasionalisasi-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ec15e92-707a-4660-8134-11f1c1e539a8.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-snbt-reg-2026-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-blog-to-snbt-prem">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-prem-tka-sd-smp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/e6888a56-1d95-4d8a-b87a-b19b8a185651.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rgp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/851003e6-07b5-40d1-9068-f9b0bcb1625a.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/25f78174-4fc2-11ef-9a39-4201ac180089">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/kitab-tka-smp-popup-blog">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitab-utbk-snbt-lite">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitablitetkasmp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/50097055-1862-46a8-bbe0-fa5b077f88bb.png" />
</a>
</div>
<div class="glider-navigation">
<div role="tablist" class="dots" id="popup-promo-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="popup-promo-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="popup-promo-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var jsonString = '[{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":696,"UpdatedAt":"2026-02-25 02:12:12+00:00","campaign":null,"cta":[{"Id":31467,"ctaId":"ab-web-pop-up-banner-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b9b5f501-be14-4e3f-9ad8-a87e17ec16e9.png","name":"[AB] Web Pop Up Banner - Blog RG","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/4680961a-4e01-4169-8ff4-da0823d0da6c.png","name":"[RG] Popup Banner Blog - Promo SNBT Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":1,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":705,"UpdatedAt":"2026-02-23 10:52:46+00:00","campaign":null,"cta":[{"Id":33341,"ctaId":"ab-web-pop-up-banner-blog-rg-1","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg-1)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f30c4943-4456-4a96-858b-fe065c9073ae.png","name":"[AB] Web Pop Up Banner - Blog RG 1","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png","name":"[RG] Popup Banner Blog - Promo TKA Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":2,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":657,"UpdatedAt":"2026-02-06 03:52:10+00:00","campaign":null,"cta":[{"Id":33189,"ctaId":"rasionalisasi-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rasionalisasi-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog - Rasionalisasi","targetUrl":"https:\/\/www.ruangguru.com\/rasionalisasi"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog RG - Rasionalisasi","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":3,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":677,"UpdatedAt":"2026-02-12 02:22:12+00:00","campaign":null,"cta":[{"Id":33305,"ctaId":"to-snbt-reg-2026-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-snbt-reg-2026-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[IDN] CTA Popup Blog RG - Tryout SNBT Regular 2026","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKREG7"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[RG] Popup Blog RG - Tryout Regular 2026","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":4,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2026-02-05 10:16:52+00:00","Id":689,"UpdatedAt":"2026-03-05 02:41:12+00:00","campaign":null,"cta":[{"Id":33338,"ctaId":"pop-blog-to-snbt-prem","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-blog-to-snbt-prem)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Popup Blog - TO SNBT Prem","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKPREM"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Pop blog - TO SNBT Prem","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":5,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":679,"UpdatedAt":"2026-03-04 03:44:16+00:00","campaign":null,"cta":[{"Id":33304,"ctaId":"to-prem-tka-sd-smp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-prem-tka-sd-smp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/1bf472e1-62f4-4aa9-ab8c-4fa72a82dd7b.png","name":"[RG] Pop Up Blog RG - TO Premium TKA SD SMP","targetUrl":"https:\/\/s.id\/TOTKAPREMSDSMP"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/e6888a56-1d95-4d8a-b87a-b19b8a185651.png","name":"[RG] Popup Blog RG - TO TKA Premium SD SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":6,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-08-25 04:25:04+00:00","Id":672,"UpdatedAt":"2026-02-06 03:52:17+00:00","campaign":null,"cta":[{"Id":33285,"ctaId":"rgp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rgp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","targetUrl":"https:\/\/www.ruangguru.com\/privat"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":7,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":379,"UpdatedAt":"2026-03-06 01:54:52+00:00","campaign":null,"cta":[{"Id":31356,"ctaId":"25f78174-4fc2-11ef-9a39-4201ac180089","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/25f78174-4fc2-11ef-9a39-4201ac180089)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f60bc49c-c00f-4a5e-80a2-2552fa18ae21.jpg","name":"CTA Blog RG - Kitab UTBK SNBT","targetUrl":"https:\/\/bit.ly\/orderkitabrg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg","name":"[RG] Pop Up Blog RG - Kitab UTBK SNBT","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":8,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":587,"UpdatedAt":"2026-03-06 01:55:00+00:00","campaign":null,"cta":[{"Id":33020,"ctaId":"kitab-tka-smp-popup-blog","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/kitab-tka-smp-popup-blog)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/9ea9eca7-9ef7-433c-baad-14bc1019f890.jpg","name":"[RG] Pop up blog - Kitab TKA SMP","targetUrl":"https:\/\/bit.ly\/kitabtkasmprg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg","name":"[RG] Pop Up Blog RG - Kitab TKA SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":9,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-12 10:28:45+00:00","Id":636,"UpdatedAt":"2026-02-06 03:52:20+00:00","campaign":null,"cta":[{"Id":33149,"ctaId":"pop-rg-kitab-utbk-snbt-lite","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitab-utbk-snbt-lite)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/8d6f8639-cfff-4d64-89ea-f68bfe7a868c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","targetUrl":"https:\/\/s.id\/litesnbt26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":10,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-14 08:09:42+00:00","Id":647,"UpdatedAt":"2026-02-06 03:52:21+00:00","campaign":null,"cta":[{"Id":33160,"ctaId":"pop-rg-kitablitetkasmp","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitablitetkasmp)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/20edba9b-ef84-4938-b698-4a82783478a5.png","name":"[RG] Pop blog - kitab lite tka smp","targetUrl":"https:\/\/s.id\/litetkasmp26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/50097055-1862-46a8-bbe0-fa5b077f88bb.png","name":"[RG] Pop blog - kitab lite tka smp","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":11,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"}]';
var jsArray = JSON.parse(jsonString);
console.log(jsArray);
</script>
<script>
let windowHeight = window.innerHeight;
let promosLength = 11;
document.addEventListener('DOMContentLoaded', function() {
// Initialize Bootstrap Modal
let popupPromo = new bootstrap.Modal(document.getElementById('popupPromo'), {});
// Initialize Glider.js inside the Bootstrap Modal
function initGliderInModal() {
new Glider(document.querySelector('#popupPromo .glider'), {
slidesToScroll: 1,
slidesToShow: 1,
draggable: true,
dots: '#popup-promo-dots',
arrows: {
prev: '#popup-promo-prev',
next: '#popup-promo-next'
}
});
}
// Show Bootstrap Modal and initialize Glider.js after a specified scroll amount
const scrollThreshold = 2 / 3 * windowHeight; // The scroll amount in pixels to trigger the Modal
let gliderInitialized = false;
window.addEventListener('scroll', function() {
if (window.scrollY >= scrollThreshold && !gliderInitialized && promosLength > 0) {
popupPromo.show();
// Listen for the 'shown' event to initialize Glider.js after the Modal has been fully displayed
$('#popupPromo').on('shown.bs.modal', function() {
initGliderInModal();
gliderInitialized = true;
// Optionally, remove the 'shown' event listener after initializing the Glider to avoid re-initializing
$('#popupPromo').off('shown.bs.modal');
});
// Remove the scroll event listener after the Modal is shown to avoid re-initializing the Glider
this.removeEventListener('scroll', arguments.callee);
}
});
});
</script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable-min@0.4.5/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = window._analytics.init({
app: "ruangguruLanding",
debug: false,
plugins: [analyticsTrackable()],
});
/* Additional context tracker pageView */
const post_id = 24756;
const tags_id = [19];
const category_id = 562;
const sub_category_id = 0;
const customData = {
tags_id: tags_id,
category_id: category_id,
sub_category_id: sub_category_id,
post_id: post_id,
};
Analytics.plugins.trackable.context(JSON.stringify(customData));
Analytics.ready(function () {
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="office">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/static/RG_LOGO_WHITE.png?convert=auto" alt="Logo Ruangguru" loading="lazy" />
</a>
<address>
<p class="hq">RUANGGURU HQ</p>
<p>
Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920
</p>
</address>
</div>
<nav class="footer-menu call-us">
<p class="title">Hubungi Kami</p>
<address>
<a href="mailto:info@ruangguru.com">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4739a139-8f09-42ea-b517-d842c5d1c28d.png" loading="lazy" alt="Logo Email Footer" />
info@ruangguru.com</a>
<a href="tel:02130930000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/6f4bb6c8-52c9-4acb-859b-47a10a7eec75.png" loading="lazy" alt="Logo Phone Footer" />(021) 3093 0000</a>
<a href="https://wa.me/6281574410000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4b58468a-b2f9-40e4-867f-d3242a065dcf.png" loading="lazy" alt="Logo Whatsapp Footer" />0815 7441 0000</a>
</address>
</nav>
<nav class="footer-menu social d-none d-lg-block">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Ruangguru</p>
<ul type="none">
<li><a href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a></li>
<li><a href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a></li>
<li><a href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a></li>
<li><a href="https://www.ruangguru.com/for-kids/kursus">Kursus for Kids</a></li>
<li><a href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a></li>
<li><a href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a></li>
<li><a href="https://www.ruangguru.com/ruanguji">Ruanguji</a></li>
<li><a href="https://www.ruangguru.com/blog">Ruangbaca</a></li>
<li><a href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a></li>
<li><a href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a></li>
<li><a href="https://pengajar.ruangguru.com/">Ruangpengajar</a></li>
<li><a href="https://www.ruangguru.com/privat">Ruangguru Privat</a></li>
<li><a href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Bantuan & Panduan</p>
<ul type="none">
<li><a href="https://www.ruangguru.com/company-credentials">Company Credentials</a></li>
<li><a href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/promo">Promo Ruangguru</a></li>
<li><a href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a></li>
<li><a href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a></li>
<li><a href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a></li>
<li><a href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a></li>
<li><a href="https://www.ruangguru.com/about-us">Tentang Kami</a></li>
<li><a href="https://www.ruangguru.com/contact-us">Kontak Kami</a></li>
<li><a href="https://www.ruangguru.com/press">Press Kit</a></li>
<li><a href="https://www.ruangguru.com/bantuan">Bantuan</a></li>
<li><a href="https://career.ruangguru.com/">Karier</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Lainnya</p>
<ul type="none">
<li><a href="https://www.brainacademy.id/" target="_blank">Brain Academy</a></li>
<li><a href="https://www.english-academy.id/" target="_blank">English Academy</a></li>
<li><a href="https://skillacademy.com/" target="_blank">Skill Academy</a></li>
<li><a href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a></li>
<li><a href="https://www.schoters.com/id/" target="_blank">Schoters</a></li>
<li><a href="https://www.kalananti.id/" target="_blank">Kalananti</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title"> Coba GRATIS Aplikasi Ruangguru</p>
<div class="download-list">
<ul>
<li>
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img src="https://cdn-web-2.ruangguru.com/static/appstore.png" loading="lazy" alt="Button App Store Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img src="https://cdn-web-2.ruangguru.com/static/googleplay.png" loading="lazy" alt="Button Google Play Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<img src="https://cdn-web-2.ruangguru.com/static/huawei.png" loading="lazy" alt="Button AppGallery Footer " />
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center">
<nav class="footer-menu social">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<p class="footer-copyright">
© 2026 All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
<style>
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
</style>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table="rg_floating_icon"></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_floating_icon') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_floating_icon';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,blog)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
console.log(data.list);
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_floating_icon';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script> <div id="wp-install-nudge" style="
position: fixed;
bottom: 0rem;
right: 0;
z-index: 999;
cursor: pointer;
"></div>
<script>
(function (w, d, s, o, f, js, fjs) {
w['Sales-Nudge-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'wpInstallNudge', 'https://cdn-web-2.ruangguru.com/sales-nudge/6198a95130/dist/widget.js'));
wpInstallNudge('init', { targetElementId: 'wp-install-nudge', clientTarget: 'ruangguru_blog' });
</script>
<script>
// note: disabled due to auto reload page
// var lastScrollTop = 0;
// $(window).scroll(function(event){
// var st = $(this).scrollTop();
// if (st > lastScrollTop){
// $('#wp-install-nudge').slideDown( "slow", function() {});
// } else {
// $('#wp-install-nudge').slideUp( "slow", function() {});
// }
// lastScrollTop = st;
// });
// $(document).ready(function () {
// $("#wp-install-nudge").hide();
// });
$('#wp-install-nudge').click(function(){
Analytics.track("promotion__install_nudge__click",
{
user_email: "ruangguru@blog.com",
cta_link: widgetData.dataConfig.target_link
}).catch((err) => {
console.log("tracker error", err);
});
});
</script>
</footer>
<div id="__next"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog\/*"},{"not":{"href_matches":["\/blog\/wp-*.php","\/blog\/wp-admin\/*","\/blog\/wp-content\/uploads\/*","\/blog\/wp-content\/*","\/blog\/wp-content\/plugins\/*","\/blog\/wp-content\/themes\/ruangguru\/*","\/blog\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
async function getCtaDetails(ctaIds) {
const endpoint =
" https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/CTA/views/CTA?offset=0&limit=10&where=(ctaId,in," + ctaIds.toString() + ")";
try {
const response = await fetch(endpoint, {
headers: {
"xc-token": "-hG2nBDJzSj0agSgNtcJx97M4F02y54nUMoY6plJ",
},
});
const data = await response.json();
const ctaList = data?.list || [];
const ctaMap = new Map();
for (const ctaData of ctaList) {
ctaMap.set(ctaData.ctaId, ctaData);
}
return ctaMap;
} catch (error) {
console.error("Error fetching CTA details:", error);
return new Map();
}
}
async function replaceCTA() {
const regex = /{{cta\((‘(.*?)’|“(.*?)”)\)}}/g;
const bodyHTML = document.body.innerHTML;
const matches = Array.from(bodyHTML.matchAll(regex));
const ctaIds = matches.map((match) => {
let ctaId = match[2] ?? match[3];
return ctaId;
});
const ctaMap = await getCtaDetails(ctaIds);
const replacedHTML = bodyHTML.replace(regex, (match, _inner, ctaId1, ctaId2) => {
const ctaId = ctaId1 ?? ctaId2;
const ctaData = ctaMap.get(ctaId);
if (ctaData) {
return `<a href="https://cta.ruangguru.com/${ctaData.ctaId}" target="_${ctaData.targetType}" style="position:relative;display:inline-block;">
<img src="${ctaData.imageUrl}" loading="lazy" alt="${ctaData.altText}" />
</a>`;
} else {
return match;
}
});
document.body.innerHTML = replacedHTML;
}
</script>
<meta name="author" content="Ruangguru Tech Team">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Tracker -->
<script type="text/javascript" src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
</body>
</html>