Siapa nih yang hafal urutan dan nama presiden Indonesia dari masa ke masa? Sebagai warga Indonesia, ada baiknya kamu mengetahui silsilah para pemimpin negeri kita tercinta. Berikut daftar nama presiden Indonesia sejak merdeka hingga sekarang!
—
Pasca kemerdekaan, Indonesia menganut sistem pemerintahan presidensial, dengan bentuk pemerintahan Republik dan konstitusi UUD 1945.
Kemudian, pada tahun 1949-1950, tepatnya setelah Konferensi Meja Bundar (KMB), Indonesia memutuskan berganti sistem pemerintahan, menjadi parlementer semu, dengan bentuk pemerintahan Republik dan konstitusi Republik Indonesia Serikat (RIS).
Di tahun 1950-1959, setelah dibubarkannya RIS, Indonesia mengubah sistem pemerintahannya lagi menjadi parlementer dengan bentuk pemerintahan Republik, dan konstitusi UUDS 1950.
Memasuki Orde Lama pada tahun 1959, Indonesia kembali menggunakan sistem pemerintahan presidensial, dengan bentuk pemerintahan Republik dan konstitusi UUD 1945. Dari sejak itu, sistem pemerintahan Indonesia tetap sama hingga sekarang.
Nah, sebagai negara yang menganut sistem pemerintahan presidensial, Indonesia dipimpin oleh seorang presiden yang berperan sebagai kepala negara sekaligus kepala pemerintahan.
Sejak memerdekakan diri, Indonesia telah berganti presiden sebanyak 8 kali. Kedelapan presiden tersebut, memiliki masa jabatan yang berbeda-beda. Lalu, siapa saja ya daftar nama presiden Indonesia dari masa ke masa? Simak masing-masing profilnya di artikel berikut ini, yuk!
1. Soekarno (1945–1967)
Gambar presiden pertama Republik Indonesia, Soekarno. (Sumber: wikipedia.org)
Presiden pertama Republik Indonesia adalah Soekarno. Bisa dikatakan, beliau merupakan Bapak Proklamator Kemerdekaan Indonesia.
Presiden yang akrab disapa Bung Karno ini, lahir di Jawa Timur pada 6 Juni 1901. Sebelum menjabat sebagai presiden Indonesia, Soekarno telah banyak berjasa dan berperan penting dalam memperjuangkan kemerdekaan Indonesia secara diplomatik.
Kamu tahu nggak, Soekarno merupakan presiden Indonesia yang tidak dipilih oleh MPR (Majelis Permusyawaratan Rakyat) atau dari suara rakyat Indonesia secara demokratis, loh. Namun, beliau terpilih secara aklamasi pada sidang PPKI di tanggal 18 Agustus 1945.
Soekarno menjabat sebagai presiden Indonesia sejak 18 Agustus 1945–12 Maret 1967, yaitu hampir selama 22 tahun.
Baca Juga: Kisah Soekarno dan Pohon-Pohonnya yang Tidak Banyak Orang Tahu
Berikut detail masa jabatan Soekarno beserta nama Wakil Presiden dan kabinet-kabinetnya:
Masa Jabatan Soekarno: 18 Agustus 1945–12 Maret 1967
Wakil Presiden Soekarno: Mohammad Hatta (Menjabat mulai 18 Maret 1945–1 Desember 1956)
Nama Kabinet Soekarno:
- Demokrasi Liberal Kabinet Natsir (6 September 1950–21 Maret 1951)
- Kabinet Sukiman (26 April 1951–23 Februari 1951)
- Kabinet Wilopo (30 Maret 1952–2 Juni 1953)
- Kabinet Ali Sastroamidjojo I (30 Juli 1953–24 Juli 1955)
- Kabinet Burhanuddin Harahap (12 Agustus 1955–3 Maret 1956)
- Kabinet Ali Sastroamidjojo II (20 Maret 1956–14 Maret 1957)
- Kabinet Djuanda/Karya (9 April 1957–5 Juli 1959)
- Demokrasi Terpimpin Kabinet Kerja I (10 Juli 1959–18 Februari 1960)
- Kabinet Kerja II (18 Februari 1960–6 Maret 1962)
- Kabinet Kerja III (6 Maret 1962–13 November 1963)
- Kabinet Kerja IV (13 November 1963–27 Agustus 1966)
- Kabinet Dwikora I (27 Agustus–22 Februari 1966)
- Kabinet Dwikora II (24 Februari 1966–28 Maret 1966)
- Kabinet Dwikora III (28 Maret 1966–28 Maret 1966)
- Kabinet Ampera I (28 Juli 1966–11 Oktober 1967)
- Kabinet Ampera II (17 Oktober 1967–10 Juni 1968)
2. Soeharto (1967–1998)
Gambar presiden kedua Republik Indonesia, Soeharto. (Sumber: wikipedia.org)
Soeharto merupakan presiden kedua Indonesia yang menggantikan Soekarno. Soeharto lahir pada 8 Juni 1921 di Kemusuk, Yogyakarta. Soeharto dilantik sebagai presiden RI yang kedua pada 12 Maret 1967, tepatnya saat pengadaan Sidang Istimewa MPRS. Saat itu, beliau merupakan jenderal besar TNI.
Pelantikan Soeharto menjadi presiden, menandakan dimulainya masa Orde Baru (Orba) yang menggantikan Orde Lama. Soeharto merupakan presiden yang menduduki kursi jabatan paling lama, yaitu selama 30 tahun, dari 27 Maret 1968–21 Mei 1998.
Berikut detail masa jabatan Soeharto beserta nama Wakil Presiden dan kabinet-kabinetnya:
Masa Jabatan Soeharto: 27 Maret 1968 (pengukuhan jabatan sebagai presiden RI kedua) – 21 Mei 1998
Wakil Presiden Soeharto:
- Sri Sultan Hamengkubuwono IX (Menjabat mulai 24 Maret 1973–23 Maret 1978)
- Adam Malik (Menjabat mulai 23 Maret 1978–11 Maret 1983)
- Umar Wirahadikusumah (Menjabat mulai 11 Maret 1983–11 Maret 1988)
- Soedharmono (Menjabat mulai 11 Maret 1988–11 Maret 1993)
- Try Sutrisno (Menjabat mulai 11 Maret 1993–11 Maret 1998)
- Bacharuddin Jusuf Habibie (Menjabat mulai 11 Maret 1998–21 Mei 1998)
Nama Kabinet Soeharto:
- Kabinet Pembangunan I (10 Juni 1968–28 Maret 1973)
- Kabinet Pembangunan II (28 Maret 1973–29 Maret 1978)
- Kabinet Pembangunan III (31 Maret 1978–19 Maret 1983)
- Kabinet Pembangunan IV (19 Maret 1983–21 Maret 1988)
- Kabinet Pembangunan V (23 Maret 1988–17 Maret 1993)
- Kabinet Pembangunan VI (17 Maret 1993–14 Maret 1998)
- Kabinet Pembangunan VII (14 Maret 1998–21 Mei 1998)
—
Mau cari tahu lebih dalam tentang pemerintahan presiden Indonesia sejak era Sukarno hingga Prabowo? Kamu boleh lho konsultasi lebih dalam dengan para tutor yang sudah terstandarisasi kualitasnya dari Ruangguru Privat PKn. Bukan hanya itu saja, kamu juga bisa pilih kelas sesuai kebutuhan, baik itu offline atau online. Asyik kan? Cari tahu informasinya lebih lanjut dengan klik banner di bawah ini ya!
3. Bacharuddin Jusuf Habibie (1998–1999)
Gambar presiden ketiga Republik Indonesia, B. J. Habibie. (Sumber: gramedia.com)
Pada tahun 1998, saat gerakan reformasi yang dilakukan oleh mahasiswa Indonesia berhasil menggulingkan kekuasaan Soeharto, kursi kepresidenan pun bergeser kepada wakil presidennya, yaitu Bacharuddin Jusuf Habibie atau biasa disingkat B. J. Habibie.
Jadi, presiden Indonesia yang ketiga adalah B. J. Habibie, ya. Beliau lahir pada 25 Juni 1936 di Parepare, Sulawesi Selatan. Nah, kalau Soeharto menjadi presiden dengan masa jabatan terlama, B. J. Habibie sebaliknya, nih. Beliau hanya menjabat sejak 21 Mei 1998–20 Oktober 1999 saja.
Saat itu, sejumlah pihak sempat menyatakan bahwa pengangkatan B. J. Habibie sebagai presiden dianggap tidak konstitusional, serta dianggap menjadi kelanjutan dari masa Orde Baru.
Namun nyatanya, kebijakan yang diambil tersebut, sudah sejalan dengan agenda reformasi, mulai dari membebaskan tahanan politik Orde Baru, menghapuskan Surat Izin Usaha Penerbitan Pers (SIUPP), mencabut undang-undang subversi, serta menjamin kebebasan berkumpul dan berpendapat.
Selain itu, selama masa kepresidenannya yang singkat ini, B. J. Habibie juga sempat mengeluarkan beberapa kebijakan, di antaranya:
- Menetapkan undang-undang anti monopoli yang kemudian diatur dalam Undang-Undang Nomor 5 Tahun 1999.
- Menyusun undang-undang pemberantasan korupsi pada tahun 1999 untuk memberantas praktik KKN.
- Menyuplai beras dengan harga yang lebih terjangkau.
- Melibatkan peran serta dari pedagang kecil, menengah, serta koperasi dalam distribusi beras.
- Mengadakan berbagai memorandum bagi rakyat Timor Timur yang kemudian membuahkan lepasnya wilayah ini dari Indonesia untuk berdiri menjadi negara sendiri.
- Melakukan reformasi dalam hal perbankan.
Berikut detail masa jabatan B. J. Habibie beserta nama Wakil Presiden dan kabinet-kabinetnya:
Masa Jabatan B. J. Habibie: 21 Mei 1998–20 Oktober 1999
Wakil Presiden B. J. Habibie: –
Nama Kabinet B. J. Habibie: Kabinet Reformasi Pembangunan (23 Mei 1998–20 Oktober 1999)
Baca Juga: Mengenang B. J. Habibie, Sang Visioner yang Mendunia
4. KH. Abdurrahman Wahid (1999–2001)
Gambar presiden keempat Republik Indonesia, Gus Dur. (Sumber: wikipedia.org)
Pada era reformasi, baru deh presiden Indonesia dipilih berdasarkan pemilu (pemilihan umum). Pemilu pertama digelar pada 7 Juni 1999.
Dari hasil pemilu tersebut, PDIP mendapatkan perolehan suara terbanyak, yaitu sebesar 33,74%, kemudian disusul Golkar dengan 22,44%, PKB dengan 12,61%, PPP dengan 10,71%, dan PAN dengan 7,12%. Selanjutnya, MPR bertugas memilih presiden dan wakil presiden berdasarkan kandidat dari partai dengan perolehan suara terbanyak.
Saat itu, terdapat dua calon presiden, yaitu KH. Abdurrahman Wahid dan Megawati Soekarnoputri. Kemudian, pada 20 Oktober 1999, MPR menetapkan KH. Abdurrahman Wahid sebagai presiden keempat RI, didampingi oleh Megawati Soekarnoputri sebagai wakil presidennya.
KH. Abdurrahman Wahid, atau yang biasa disapa Gus Dur, lahir pada 4 Agustus 1940. Beliau memiliki latar pendidikan agama yang sangat kuat. Meskipun begitu, wawasan kebangsaannya pun juga sangat luas. Gus Dur menjabat sebagai presiden RI sejak 20 Oktober 1999 – 23 Juli 2001, yakni kurang dari 2 tahun.
Berikut detail masa jabatan Gus Dur beserta nama Wakil Presiden dan kabinet-kabinetnya:
Masa Jabatan Abdurrahman Wahid: 20 Oktober 1999–23 Juli 2001
Wakil Presiden Abdurrahman Wahid: Megawati Soekarnoputri (Menjabat mulai 20 Oktober 1999–23 Juli 2001)
Nama Kabinet Abdurrahman Wahid: Kabinet Persatuan Nasional (29 Oktober 1999–23 Juli 2001)
5. Megawati Soekarnoputri (2001–2004)
Gambar presiden kelima Republik Indonesia, Megawati. (Sumber: wikipedia.org)
Megawati Soekarnoputri adalah presiden kelima Indonesia, sekaligus menjadi presiden perempuan pertama dan satu-satunya sejak Indonesia merdeka. Megawati merupakan putri dari presiden pertama Indonesia, yaitu Soekarno. Beliau lahir di Yogyakarta, pada 23 Januari 1947.
Saat menjadi wakil presiden, Megawati memiliki kewenangan yang cukup besar karena menguasai banyak kursi di DPR. Setelah turunnya Gus Dur akibat dimakzulkan oleh MPR, pada 23 Juli 2001, Megawati resmi dilantik sebagai presiden RI kelima berdasarkan Tap MPR No. 3.
Megawati menduduki kursi kepresidenan selama 3 tahun, yakni sejak 23 Juli 2001 – 20 Oktober 2004. Berikut detail masa jabatan Megawati beserta nama Wakil Presiden dan kabinet-kabinetnya:
Masa Jabatan Megawati Soekarnoputri: 23 Juli 2001–20 Oktober 2004
Wakil Presiden Megawati Soekarnoputri: Hamzah Haz (Menjabat mulai 23 Juli–20 Oktober 2004)
Nama Kabinet Megawati Soekarnoputri: Kabinet Gotong Royong (10 Agustus 2001–20 Oktober 2004)
6. Susilo Bambang Yudhoyono (2004–2014)
Gambar presiden keenam Republik Indonesia, Susilo Bambang Yudhoyono. (Sumber: wikipedia.org)
Presiden Indonesia yang keenam, yaitu Susilo Bambang Yudhoyono atau biasa disingkat SBY. Beliau lahir di Pacitan pada 9 September 1949.
SBY bersama Jusuf Kalla, merupakan pasangan presiden dan wakil presiden pertama yang dipilih secara langsung oleh rakyat Indonesia melalui pemilu, loh. Walaupun, sebenarnya, di tahun-tahun sebelumnya juga pemilu sudah diadakan, ya.
Selama kepemimpinannya, SBY berfokus pada perbaikan ekonomi Indonesia, salah satunya terkait pelunasan utang IMF. Selain itu, SBY bersama Jusuf Kalla juga berhasil menyelesaikan permasalahan Gerakan Aceh Merdeka (GAM) melalui Perjanjian Helsinki.
Susilo Bambang Yudhoyono menjabat sebagai presiden RI selama 10 tahun, yakni sejak 20 Oktober 2004–20 Oktober 2014. Berikut detail masa jabatan SBY beserta nama Wakil Presiden dan kabinet-kabinetnya:
Masa Jabatan Susilo Bambang Yudhoyono: 20 Oktober 2004–20 Oktober 2014
Wakil Presiden Susilo Bambang Yudhoyono:
- Muhammad Jusuf Kalla (Menjabat mulai 20 Oktober 2004–20 Oktober 2009)
- Boediono (Menjabat mulai 20 Oktober 2009–20 Oktober 2014)
Nama Kabinet Susilo Bambang Yudhoyono:
- Kabinet Indonesia Bersatu I (21 Oktober 2004–20 Oktober 2009)
- Kabinet Indonesia Bersatu II (22 Oktober 2014–22 Oktober 2014)
7. Joko Widodo (2014–2024)
Gambar presiden ketujuh Republik Indonesia, Joko Widodo. (Sumber: kompas.com)
Presiden Indonesia yang ketujuh adalah Joko Widodo, atau biasa disebut dengan Jokowi. Jokowi lahir pada 21 Juni 1961 di Surakarta. Beliau merupakan presiden Indonesia ketujuh dan menjabat selama dua periode yang menjabat sejak tahun 2014–2024.
Sebelum terjun ke dunia politik, Jokowi merupakan pemilik bisnis mebel. Kegiatan politiknya bermula saat Jokowi terpilih sebagai Walikota Solo melalui Pemilukada Solo 2005.
Jokowi menjabat sebagai Walikota Solo pada periode 2005-2010. Kemudian, beliau naik menjadi gubernur provinsi DKI Jakarta pada periode 2012–2017, bersama dengan Basuki Tjahaja Purnama (Ahok). Pengalaman sebagai gubernur Jakarta inilah yang membawanya naik ke kursi kepresidenan.
Pada 2014, Jokowi berhasil memenangkan pemilu, dan akhirnya dilantik pada 20 Oktober 2014 sebagai presiden RI bersama dengan wakilnya, Jusuf Kalla. Kemudian, Jokowi kembali memenangkan pemilu 2019, hingga membawanya ke periode kepemimpinan kedua bersama wakilnya, Ma’ruf Amin.
Baca Juga: Intip Jurusan Kuliah yang Diambil Para Presiden Indonesia
Dengan begitu, Jokowi menjabat sebagai presiden Indonesia selama dua periode. Berikut detail masa jabatan Jokowi beserta nama Wakil Presiden dan kabinet-kabinetnya:
Masa Jabatan Joko Widodo: 20 Oktober 2014–sekarang
Wakil Presiden Joko Widodo:
- Muhammad Jusuf Kalla (Menjabat mulai 20 Oktober 2014–20 Oktober 2019)
- Ma’ruf Amin (Menjabat mulai 20 Oktober 2019–sekarang)
Nama Kabinet Joko Widodo:
- Kabinet Kerja (27 Oktober 2014–20 Oktober 2019)
- Kabinet Indonesia Maju (23 Oktober 2019–sekarang)
8. Prabowo Subianto (2024–Sekarang)
Gambar presiden kedelapan Republik Indonesia, Prabowo Subianto. (Sumber: wikipedia.id)
Presiden Indonesia yang kedelapan adalah Prabowo Subianto. Beliau lahir di Jakarta pada 17 Oktober 1951 dari pasangan Soemitro Djojohadikusumo dan Dora Marie Sigar. Ayah beliau, yaitu Soemitro pernah menjabat sebagai Menteri Keuangan di masa pemerintahan Sukarno.
Prabowo dikenal sebagai nasionalis sayap kanan dan telah berkontribusi kepada negara sejak usia muda. Beliau merupakan mantan anggota Tentara Nasional yang saat ini berpangkat Jenderal TNI Purnawirawan.
Pada tahun 2008, beliau mendirikan Partai Gerakan Indonesia Raya (Gerindra). Sejak saat itu, ia mulai terlihat aktif di bidang politik. Hal ini terlihat sejak tahun 2009, ia mencalonkan diri sebagai calon wakil presiden bersama Megawati Sukarnoputri. Beliau juga turut terlibat dalam kontestasi pemilihan Presiden tahun 2014 (bersama calon wakilnya Hatta Rajasa) dan 2019 (bersama calon wakilnya Sandiaga Uno).
Meskipun belum berhasil, Prabowo kemudian bergabung dalam kabinet sebagai Menteri Pertahanan periode 2019–2024. Prabowo kemudian memenangkan pemilihan Presiden pada pemilu yang digelar bulan Februari 2024, dan resmi dilantik pada 20 Oktober 2024. Berikut detail masa jabatan Prabowo Subianto beserta nama Wakil Presiden dan kabinetnya:
Masa Jabatan Prabowo Subianto: 20 Oktober 2014–sekarang
Wakil Presiden Prabowo Subianto:
Gibran Rakabuming Raka (Menjabat mulai 20 Oktober 2024–sekarang)
Nama Kabinet Prabowo Subianto:
Kabinet Merah Putih (27 Oktober 2024–sekarang)
—
Demikian urutan dan nama-nama presiden Indonesia dari masa ke masa. Dimulai dari Soekarno sebagai presiden pertama setelah kemerdekaan Indonesia, hingga masa pemerintahan Prabowo Subianto saat ini. Sebagai warga negara Indonesia yang baik, yuk terus kawal pemerintahan dengan cara yang santun dan tidak menyuarakan hate speech! Jangan lupa, kritikmu akan membangun Indonesia yang lebih baik di masa yang akan datang.
Referensi:
https://www.cnbcindonesia.com/news/20230719093431-4-455587/ini-urutan-presiden-indonesia-serta-wakil-dan-masa-jabatannya
https://www.gramedia.com/literasi/urutan-presiden-indonesia/
https://www.kpu.go.id/koleksigambar/9_OK_-_PRESIDEN_DAN_WAKIL_PRESIDEN_REPUBLIK_INDONESIA_18.pdf
https://www.cnnindonesia.com/edukasi/20230314162413-569-924944/sistem-pemerintahan-indonesia-dari-masa-ke-masa-sejak-1945-sekarang
<!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>8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan</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="Siapa nih yang hapal urutan dan nama-nama presiden republik indonesia dari masa ke masa? Berikut daftar nama presiden Indonesia sejak merdeka hingga sekarang!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan" />
<meta property="og:description" content="Siapa nih yang hapal urutan dan nama-nama presiden republik indonesia dari masa ke masa? Berikut daftar nama presiden Indonesia sejak merdeka hingga sekarang!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa" />
<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="2024-11-14T03:52:55+00:00" />
<meta property="article:modified_time" content="2024-11-15T06:04:57+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="9 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa","url":"https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa","name":"8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/300353cd-c621-40ad-9adb-2830dfa47d5a.png","datePublished":"2024-11-14T03:52:55+00:00","dateModified":"2024-11-15T06:04:57+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Siapa nih yang hapal urutan dan nama-nama presiden republik indonesia dari masa ke masa? Berikut daftar nama presiden Indonesia sejak merdeka hingga sekarang!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/300353cd-c621-40ad-9adb-2830dfa47d5a.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/300353cd-c621-40ad-9adb-2830dfa47d5a.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan"}]},{"@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 » 8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan Comments Feed" href="https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa/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/15957" /><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=15957' />
<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%2Fnama-presiden-indonesia-dari-masa-ke-masa" />
<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%2Fnama-presiden-indonesia-dari-masa-ke-masa&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-15957 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">
8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan </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>November 14, 2024 • </span> <span>10 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/300353cd-c621-40ad-9adb-2830dfa47d5a.png" alt="urutan dan nama presiden indonesia dari masa ke masa" /></p>
<blockquote>
<p style="text-align: center;"><em>Siapa nih yang hafal urutan dan nama presiden Indonesia dari masa ke masa? Sebagai warga Indonesia, ada baiknya kamu mengetahui silsilah para pemimpin negeri kita tercinta. Berikut daftar nama presiden Indonesia sejak merdeka hingga sekarang!</em></p>
</blockquote>
<p style="text-align: center;"><i><span style="font-weight: 300;">—</span></i></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Pasca kemerdekaan, <strong><a href="https://www.ruangguru.com/blog/dinamika-pemerintahan-pertama-ri" target="_blank" rel="noopener">Indonesia menganut sistem pemerintahan presidensial</a></strong>, dengan bentuk pemerintahan Republik dan konstitusi UUD 1945. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Kemudian, pada tahun 1949-1950, tepatnya setelah Konferensi Meja Bundar (KMB), Indonesia memutuskan berganti sistem pemerintahan, menjadi parlementer semu, dengan bentuk pemerintahan Republik dan konstitusi Republik Indonesia Serikat (RIS). </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Di tahun 1950-1959, setelah dibubarkannya RIS, Indonesia mengubah sistem pemerintahannya lagi menjadi parlementer dengan bentuk pemerintahan Republik, dan konstitusi UUDS 1950. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Memasuki Orde Lama pada tahun 1959, Indonesia kembali menggunakan sistem pemerintahan presidensial, dengan bentuk pemerintahan Republik dan konstitusi UUD 1945. Dari sejak itu, sistem pemerintahan Indonesia tetap sama hingga sekarang.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Nah, sebagai negara yang menganut sistem pemerintahan presidensial, Indonesia dipimpin oleh seorang presiden yang berperan sebagai kepala negara sekaligus kepala pemerintahan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Sejak memerdekakan diri, <strong>Indonesia telah berganti presiden sebanyak 8 kali</strong>. Kedelapan presiden tersebut, memiliki masa jabatan yang berbeda-beda. Lalu, siapa saja ya <strong>daftar nama presiden Indonesia dari masa ke masa</strong>? Simak masing-masing profilnya di artikel berikut ini, yuk!</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">1. Soekarno (1945–1967)</span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/925f08cf-51db-4765-a1b4-dd67c3e5c9c2.jpg" alt="Presiden_Indonesia_Pertama_Sukarno" /></p>
<p style="text-align: center;"><em>Gambar presiden pertama Republik Indonesia, Soekarno. (Sumber: wikipedia.org)</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Presiden pertama Republik Indonesia adalah <strong>Soekarno</strong>. Bisa dikatakan, beliau merupakan Bapak Proklamator Kemerdekaan Indonesia. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Presiden yang akrab disapa Bung Karno ini, lahir di <strong>Jawa Timur pada 6 Juni 1901</strong>. Sebelum menjabat sebagai presiden Indonesia, Soekarno telah banyak berjasa dan berperan penting dalam memperjuangkan kemerdekaan Indonesia secara diplomatik.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Kamu tahu nggak, Soekarno merupakan presiden Indonesia yang tidak dipilih oleh MPR (Majelis Permusyawaratan Rakyat) atau dari suara rakyat Indonesia secara demokratis, loh. Namun, beliau terpilih secara aklamasi pada sidang PPKI di tanggal 18 Agustus 1945. </span></p>
<p style="text-align: justify;">Soekarno menjabat sebagai presiden Indonesia sejak <strong>18 Agustus 1945–12 Maret 1967</strong>, yaitu hampir selama 22 tahun.</p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/soekarno-dan-pohon-pohonnya" target="_blank" rel="noopener">Kisah Soekarno dan Pohon-Pohonnya yang Tidak Banyak Orang Tahu</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Berikut detail masa jabatan Soekarno beserta nama Wakil Presiden dan kabinet-kabinetnya:</span></p>
<p style="text-align: justify;"><strong>Masa Jabatan Soekarno:</strong><span style="font-weight: 300;"> 18 Agustus 1945–12 Maret 1967</span></p>
<p style="text-align: justify;"><strong>Wakil Presiden Soekarno:</strong><span style="font-weight: 300;"> Mohammad Hatta (Menjabat mulai 18 Maret 1945–1 Desember 1956)</span></p>
<p style="text-align: justify;"><strong>Nama Kabinet Soekarno:</strong></p>
<ul>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Demokrasi Liberal Kabinet Natsir (6 September 1950–21 Maret 1951)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Sukiman (26 April 1951–23 Februari 1951)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Wilopo (30 Maret 1952–2 Juni 1953)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Ali Sastroamidjojo I (30 Juli 1953–24 Juli 1955)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Burhanuddin Harahap (12 Agustus 1955–3 Maret 1956)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Ali Sastroamidjojo II (20 Maret 1956–14 Maret 1957)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Djuanda/Karya (9 April 1957–5 Juli 1959)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Demokrasi Terpimpin Kabinet Kerja I (10 Juli 1959–18 Februari 1960)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Kerja II (18 Februari 1960–6 Maret 1962)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Kerja III (6 Maret 1962–13 November 1963)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Kerja IV (13 November 1963–27 Agustus 1966)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Dwikora I (27 Agustus–22 Februari 1966)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Dwikora II (24 Februari 1966–28 Maret 1966)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Dwikora III (28 Maret 1966–28 Maret 1966)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Ampera I (28 Juli 1966–11 Oktober 1967)</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Kabinet Ampera II (17 Oktober 1967–10 Juni 1968)</span></li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;">2. Soeharto (1967–1998)</span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9cc64aa2-9977-4893-82e0-f750e57c7fb8.jpg" alt="Presiden_Indonesia_Kedua_Soeharto" /></p>
<p style="text-align: center;"><em>Gambar presiden kedua Republik Indonesia, Soeharto. (Sumber: wikipedia.org)</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Soeharto</strong> merupakan presiden kedua Indonesia yang menggantikan Soekarno. Soeharto lahir pada <strong>8 Juni 1921 di Kemusuk, Yogyakarta</strong>. Soeharto dilantik sebagai presiden RI yang kedua pada 12 Maret 1967, tepatnya saat pengadaan Sidang Istimewa MPRS. Saat itu, beliau merupakan jenderal besar TNI. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Pelantikan Soeharto menjadi presiden, menandakan dimulainya masa Orde Baru (Orba) yang menggantikan Orde Lama. Soeharto merupakan presiden yang menduduki kursi jabatan paling lama, yaitu selama 30 tahun, dari <strong>27 Maret 1968–21 Mei 1998</strong>.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Berikut detail masa jabatan Soeharto beserta nama Wakil Presiden dan kabinet-kabinetnya:</span></p>
<p style="text-align: justify;"><strong>Masa Jabatan Soeharto:</strong><span style="font-weight: 300;"> 27 Maret 1968 (pengukuhan jabatan sebagai presiden RI kedua) – 21 Mei 1998</span></p>
<p style="text-align: justify;"><strong>Wakil Presiden Soeharto:</strong></p>
<ul style="text-align: justify;">
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Sri Sultan Hamengkubuwono IX (Menjabat mulai 24 Maret 1973–23 Maret 1978)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Adam Malik (Menjabat mulai 23 Maret 1978–11 Maret 1983)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Umar Wirahadikusumah (Menjabat mulai 11 Maret 1983–11 Maret 1988)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Soedharmono (Menjabat mulai 11 Maret 1988–11 Maret 1993)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Try Sutrisno (Menjabat mulai 11 Maret 1993–11 Maret 1998)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Bacharuddin Jusuf Habibie (Menjabat mulai 11 Maret 1998–21 Mei 1998)</span></li>
</ul>
<p> </p>
<p style="text-align: justify;"><strong>Nama Kabinet Soeharto:</strong></p>
<ul style="text-align: justify;">
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Pembangunan I (10 Juni 1968–28 Maret 1973)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Pembangunan II (28 Maret 1973–29 Maret 1978)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Pembangunan III (31 Maret 1978–19 Maret 1983)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Pembangunan IV (19 Maret 1983–21 Maret 1988)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Pembangunan V (23 Maret 1988–17 Maret 1993)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Pembangunan VI (17 Maret 1993–14 Maret 1998)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Pembangunan VII (14 Maret 1998–21 Mei 1998)</span></li>
</ul>
<p> </p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;">Mau cari tahu lebih dalam tentang pemerintahan presiden Indonesia sejak era Sukarno hingga Prabowo? Kamu boleh <em>lho </em>konsultasi lebih dalam dengan para tutor yang sudah terstandarisasi kualitasnya dari <strong><a href="https://www.ruangguru.com/privat" target="_blank" rel="noopener">Ruangguru Privat PKn</a></strong>. Bukan hanya itu saja, kamu juga bisa pilih kelas sesuai kebutuhan, baik itu <em>offline </em>atau <em>online</em>. Asyik kan? Cari tahu informasinya lebih lanjut dengan klik <em>banner </em>di bawah ini ya!</p>
<p><a href="https://cta.ruangguru.com/blog-rg10-privat"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ed2fe9f-c80a-4e5a-9cfa-d92dfcbab67b.png" alt="CTA Ruangguru Privat" /></a></p>
<p> </p>
<h2><span style="font-size: 18pt;">3. Bacharuddin Jusuf Habibie (1998–1999)</span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9640b6dc-6005-4cf5-933f-4eb740f8150f.jpg" alt="Presiden_Indonesia_Ketiga_BJ Habibie" /></p>
<p style="text-align: center;"><em>Gambar presiden ketiga Republik Indonesia, B. J. Habibie. (Sumber: gramedia.com)</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Pada tahun 1998, saat gerakan reformasi yang dilakukan oleh mahasiswa Indonesia berhasil menggulingkan kekuasaan Soeharto, kursi kepresidenan pun bergeser kepada wakil presidennya, yaitu <strong>Bacharuddin Jusuf Habibie atau biasa disingkat B. J. Habibie.</strong></span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Jadi, presiden Indonesia yang ketiga adalah <strong>B. J. Habibie</strong>, ya. Beliau lahir pada <strong>25 Juni 1936 di Parepare, Sulawesi Selatan</strong>. Nah, kalau Soeharto menjadi presiden dengan masa jabatan terlama, B. J. Habibie sebaliknya, nih. Beliau hanya menjabat sejak 21 Mei 1998–20 Oktober 1999 saja. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Saat itu, sejumlah pihak sempat menyatakan bahwa pengangkatan B. J. Habibie sebagai presiden dianggap tidak konstitusional, serta dianggap menjadi kelanjutan dari masa Orde Baru. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Namun nyatanya, kebijakan yang diambil tersebut, sudah sejalan dengan agenda reformasi, mulai dari membebaskan tahanan politik Orde Baru, menghapuskan Surat Izin Usaha Penerbitan Pers (SIUPP), mencabut undang-undang subversi, serta menjamin kebebasan berkumpul dan berpendapat.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Selain itu, selama masa kepresidenannya yang singkat ini, B. J. Habibie juga sempat mengeluarkan beberapa kebijakan, di antaranya:</span></p>
<ul>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Menetapkan undang-undang anti monopoli yang kemudian diatur dalam Undang-Undang Nomor 5 Tahun 1999.</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Menyusun undang-undang pemberantasan korupsi pada tahun 1999 untuk memberantas praktik KKN.</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Menyuplai beras dengan harga yang lebih terjangkau.</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Melibatkan peran serta dari pedagang kecil, menengah, serta koperasi dalam distribusi beras.</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Mengadakan berbagai memorandum bagi rakyat Timor Timur yang kemudian membuahkan lepasnya wilayah ini dari Indonesia untuk berdiri menjadi negara sendiri.</span></li>
<li style="font-weight: 300; text-align: justify;" aria-level="1"><span style="font-weight: 300;">Melakukan reformasi dalam hal perbankan.</span></li>
</ul>
<p> </p>
<p><span style="font-weight: 300;">Berikut detail masa jabatan B. J. Habibie beserta nama Wakil Presiden dan kabinet-kabinetnya:</span></p>
<p><strong>Masa Jabatan B. J. Habibie:</strong><span style="font-weight: 300;"> 21 Mei 1998–20 Oktober 1999</span></p>
<p><strong>Wakil Presiden B. J. Habibie:</strong><span style="font-weight: 300;"> –</span></p>
<p><strong>Nama Kabinet B. J. Habibie:</strong><span style="font-weight: 300;"> Kabinet Reformasi Pembangunan (23 Mei 1998–20 Oktober 1999)</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/bj-habibie" target="_blank" rel="noopener">Mengenang B. J. Habibie, Sang Visioner yang Mendunia</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">4. KH. Abdurrahman Wahid (1999–2001)</span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2367e777-a3d7-4f49-be27-59e27fa2bddf.jpg" alt="Presiden_Indonesia_Keempat_Gus Dur" /></p>
<p style="text-align: center;"><em>Gambar presiden keempat Republik Indonesia, Gus Dur. (Sumber: wikipedia.org)</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Pada era reformasi, baru deh presiden Indonesia dipilih berdasarkan pemilu (pemilihan umum). Pemilu pertama digelar pada 7 Juni 1999. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Dari hasil pemilu tersebut, PDIP mendapatkan perolehan suara terbanyak, yaitu sebesar 33,74%, kemudian disusul Golkar dengan 22,44%, PKB dengan 12,61%, PPP dengan 10,71%, dan PAN dengan 7,12%. </span><span style="font-weight: 300;">Selanjutnya, MPR bertugas memilih presiden dan wakil presiden berdasarkan kandidat dari partai dengan perolehan suara terbanyak.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Saat itu, terdapat dua calon presiden, yaitu KH. Abdurrahman Wahid dan Megawati Soekarnoputri. Kemudian, pada 20 Oktober 1999, MPR menetapkan KH. Abdurrahman Wahid sebagai presiden keempat RI, didampingi oleh Megawati Soekarnoputri sebagai wakil presidennya. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>KH. Abdurrahman Wahid</strong>, atau yang biasa disapa Gus Dur, lahir pada <strong>4 Agustus 1940</strong>. Beliau memiliki latar pendidikan agama yang sangat kuat. Meskipun begitu, wawasan kebangsaannya pun juga sangat luas. Gus Dur menjabat sebagai presiden RI sejak 20 Oktober 1999 – 23 Juli 2001, yakni kurang dari 2 tahun.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Berikut detail masa jabatan Gus Dur beserta nama Wakil Presiden dan kabinet-kabinetnya:</span></p>
<p style="text-align: justify;"><strong>Masa Jabatan Abdurrahman Wahid:</strong> <span style="font-weight: 300;">20 Oktober 1999–23 Juli 2001</span></p>
<p style="text-align: justify;"><strong>Wakil Presiden Abdurrahman Wahid:</strong><span style="font-weight: 300;"> Megawati Soekarnoputri (Menjabat mulai 20 Oktober 1999–23 Juli 2001)</span></p>
<p style="text-align: justify;"><strong>Nama Kabinet Abdurrahman Wahid:</strong><span style="font-weight: 300;"> Kabinet Persatuan Nasional (29 Oktober 1999–23 Juli 2001)</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">5. Megawati Soekarnoputri (2001–2004)</span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/853edd17-7b9e-4890-bd4d-4141e8bfaebe.jpg" alt="Presiden_Indonesia_Kelima_Megawati" /></p>
<p style="text-align: center;"><em>Gambar presiden kelima Republik Indonesia, Megawati. (Sumber: wikipedia.org)</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Megawati Soekarnoputri</strong> adalah presiden kelima Indonesia, sekaligus menjadi presiden perempuan pertama dan satu-satunya sejak Indonesia merdeka. </span><span style="font-weight: 300;">Megawati merupakan putri dari presiden pertama Indonesia, yaitu Soekarno. Beliau lahir di Yogyakarta, pada <strong>23 Januari 1947</strong>.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Saat menjadi wakil presiden, Megawati memiliki kewenangan yang cukup besar karena menguasai banyak kursi di DPR. Setelah turunnya Gus Dur akibat dimakzulkan oleh MPR, pada 23 Juli 2001, Megawati resmi dilantik sebagai presiden RI kelima berdasarkan Tap MPR No. 3.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Megawati menduduki kursi kepresidenan selama 3 tahun, yakni sejak 23 Juli 2001 – 20 Oktober 2004. Berikut detail masa jabatan Megawati beserta nama Wakil Presiden dan kabinet-kabinetnya:</span></p>
<p style="text-align: justify;"><strong>Masa Jabatan Megawati Soekarnoputri:</strong> <span style="font-weight: 300;">23 Juli 2001–20 Oktober 2004</span></p>
<p style="text-align: justify;"><strong>Wakil Presiden Megawati Soekarnoputri:</strong><span style="font-weight: 300;"> Hamzah Haz (Menjabat mulai 23 Juli–20 Oktober 2004)</span></p>
<p style="text-align: justify;"><strong>Nama Kabinet Megawati Soekarnoputri:</strong><span style="font-weight: 300;"> Kabinet Gotong Royong (10 Agustus 2001–20 Oktober 2004)</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">6. Susilo Bambang Yudhoyono (2004–2014)</span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/06825a02-3f0d-40de-a0a9-7756b13df6e0.jpg" alt="presiden keenam indonesia - sby" /></p>
<p style="text-align: center;"><em>Gambar presiden keenam Republik Indonesia, Susilo Bambang Yudhoyono. (Sumber: wikipedia.org)</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Presiden Indonesia yang keenam, yaitu <strong>Susilo Bambang Yudhoyono</strong> atau biasa disingkat SBY. Beliau lahir di <strong>Pacitan pada 9 September 1949</strong>. </span></p>
<p style="text-align: justify;">SBY bersama Jusuf Kalla, merupakan pasangan presiden dan wakil presiden pertama yang dipilih secara langsung oleh rakyat Indonesia melalui pemilu, loh. Walaupun, sebenarnya, di tahun-tahun sebelumnya juga pemilu sudah diadakan, ya.</p>
<p style="text-align: justify;"><span style="font-weight: 300;">Selama kepemimpinannya, SBY berfokus pada perbaikan ekonomi Indonesia, salah satunya terkait pelunasan utang IMF. Selain itu, SBY bersama Jusuf Kalla juga berhasil menyelesaikan permasalahan Gerakan Aceh Merdeka (GAM) melalui Perjanjian Helsinki.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Susilo Bambang Yudhoyono menjabat sebagai presiden RI selama 10 tahun, yakni sejak 20 Oktober 2004–20 Oktober 2014. Berikut detail masa jabatan SBY beserta nama Wakil Presiden dan kabinet-kabinetnya:</span></p>
<p style="text-align: justify;"><strong>Masa Jabatan Susilo Bambang Yudhoyono:</strong><span style="font-weight: 300;"> 20 Oktober 2004–20 Oktober 2014</span></p>
<p style="text-align: justify;"><strong>Wakil Presiden Susilo Bambang Yudhoyono:</strong></p>
<ul style="text-align: justify;">
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Muhammad Jusuf Kalla (Menjabat mulai 20 Oktober 2004–20 Oktober 2009)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Boediono (Menjabat mulai 20 Oktober 2009–20 Oktober 2014)</span></li>
</ul>
<p> </p>
<p style="text-align: justify;"><strong>Nama Kabinet Susilo Bambang Yudhoyono:</strong></p>
<ul style="text-align: justify;">
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Indonesia Bersatu I (21 Oktober 2004–20 Oktober 2009)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Indonesia Bersatu II (22 Oktober 2014–22 Oktober 2014)</span></li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;">7. Joko Widodo (2014–2024)</span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/31e8e921-6d13-4092-bcfd-16027c02d0c6.jpg" alt="presiden indonesia yang ketujuh - joko widodo" /></p>
<p style="text-align: center;"><em>Gambar presiden ketujuh Republik Indonesia, Joko Widodo. (Sumber: kompas.com)</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Presiden Indonesia yang ketujuh adalah <strong>Joko Widodo</strong>, atau biasa disebut dengan Jokowi. Jokowi lahir pada <strong>21 Juni 1961 di Surakarta</strong>. Beliau merupakan presiden Indonesia ketujuh dan menjabat selama dua periode yang menjabat sejak tahun 2014–2024. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Sebelum terjun ke dunia politik, Jokowi merupakan pemilik bisnis mebel. Kegiatan politiknya bermula saat Jokowi terpilih sebagai Walikota Solo melalui Pemilukada Solo 2005. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Jokowi menjabat sebagai Walikota Solo pada periode 2005-2010. Kemudian, beliau naik menjadi gubernur provinsi DKI Jakarta pada periode 2012–2017, bersama dengan Basuki Tjahaja Purnama (Ahok). Pengalaman sebagai gubernur Jakarta inilah yang membawanya naik ke kursi kepresidenan.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Pada 2014, Jokowi berhasil memenangkan pemilu, dan akhirnya dilantik pada 20 Oktober 2014 sebagai presiden RI bersama dengan wakilnya, Jusuf Kalla. Kemudian, Jokowi kembali memenangkan pemilu 2019, hingga membawanya ke periode kepemimpinan kedua bersama wakilnya, Ma’ruf Amin.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/intip-jurusan-kuliah-yang-diambil-para-presiden-indonesia" target="_blank" rel="noopener">Intip Jurusan Kuliah yang Diambil Para Presiden Indonesia</a></strong></p>
<p>Dengan begitu, Jokowi menjabat sebagai presiden Indonesia selama dua periode. <span style="font-weight: 300;">Berikut detail masa jabatan Jokowi beserta nama Wakil Presiden dan kabinet-kabinetnya:</span></p>
<p><strong>Masa Jabatan Joko Widodo:</strong><span style="font-weight: 300;"> 20 Oktober 2014–sekarang</span></p>
<p><strong>Wakil Presiden Joko Widodo:</strong></p>
<ul>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Muhammad Jusuf Kalla (Menjabat mulai 20 Oktober 2014–20 Oktober 2019)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Ma’ruf Amin (Menjabat mulai 20 Oktober 2019–sekarang)</span></li>
</ul>
<p> </p>
<p><strong>Nama Kabinet Joko Widodo:</strong></p>
<ul>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Kerja (27 Oktober 2014–20 Oktober 2019)</span></li>
<li style="font-weight: 300;" aria-level="1"><span style="font-weight: 300;">Kabinet Indonesia Maju (23 Oktober 2019–sekarang)</span></li>
</ul>
<p> </p>
<h2><span style="font-size: 18pt;">8. Prabowo Subianto (2024–Sekarang)</span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/49dff9dd-2fac-4782-ba4b-1cc8cfdb1fe9.jpg" alt="Prabowo Subianto" /></p>
<p style="text-align: center;"><em>Gambar presiden kedelapan Republik Indonesia, Prabowo Subianto. (Sumber: wikipedia.id)</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Presiden Indonesia yang kedelapan adalah <strong>Prabowo Subianto</strong>. Beliau lahir di Jakarta pada <strong>17 Oktober 1951 </strong>dari pasangan Soemitro Djojohadikusumo dan Dora Marie Sigar. Ayah beliau, yaitu Soemitro pernah menjabat sebagai Menteri Keuangan di masa pemerintahan Sukarno.</span></p>
<p style="text-align: justify;">Prabowo dikenal sebagai nasionalis sayap kanan dan telah berkontribusi kepada negara sejak usia muda. Beliau merupakan mantan anggota Tentara Nasional yang saat ini berpangkat Jenderal TNI Purnawirawan.</p>
<p style="text-align: justify;">Pada tahun 2008, beliau mendirikan Partai Gerakan Indonesia Raya (Gerindra). Sejak saat itu, ia mulai terlihat aktif di bidang politik. Hal ini terlihat sejak tahun 2009, ia mencalonkan diri sebagai calon wakil presiden bersama Megawati Sukarnoputri. Beliau juga turut terlibat dalam kontestasi pemilihan Presiden tahun 2014 (bersama calon wakilnya Hatta Rajasa) dan 2019 (bersama calon wakilnya Sandiaga Uno).</p>
<p style="text-align: justify;">Meskipun belum berhasil, Prabowo kemudian bergabung dalam kabinet sebagai Menteri Pertahanan periode 2019–2024. Prabowo kemudian memenangkan pemilihan Presiden pada pemilu yang digelar bulan Februari 2024, dan resmi dilantik pada 20 Oktober 2024. <span style="font-weight: 300;">Berikut detail masa jabatan Prabowo Subianto beserta nama Wakil Presiden dan kabinetnya:</span></p>
<p style="text-align: justify;"><strong>Masa Jabatan Prabowo Subianto:</strong><span style="font-weight: 300;"> 20 Oktober 2014–sekarang</span></p>
<p style="text-align: justify;"><strong>Wakil Presiden Prabowo Subianto:</strong></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Gibran Rakabuming Raka (Menjabat mulai 20 Oktober 2024–sekarang)</span></p>
<p style="text-align: justify;"><strong>Nama Kabinet Prabowo Subianto:</strong></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Kabinet Merah Putih (27 Oktober 2024–sekarang)</span></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;"><span style="font-weight: 300;">Demikian urutan dan nama-nama presiden Indonesia dari masa ke masa. Dimulai dari Soekarno sebagai presiden pertama setelah kemerdekaan Indonesia, hingga masa pemerintahan Prabowo Subianto saat ini. Sebagai warga negara Indonesia yang baik, yuk terus kawal pemerintahan dengan cara yang santun dan tidak menyuarakan <em>hate speech</em>! Jangan lupa, kritikmu akan membangun Indonesia yang lebih baik di masa yang akan datang. </span></p>
<p><a href="https://ruangguru.onelink.me/blPk/eaff0eb9"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/eb8c33ff-4bfe-433c-9195-85f355d5db88.jpeg" alt="CTA ruangbelajar" /></a></p>
<p><strong>Referensi:</strong></p>
<p><span style="font-weight: 300;">https://www.cnbcindonesia.com/news/20230719093431-4-455587/ini-urutan-presiden-indonesia-serta-wakil-dan-masa-jabatannya</span></p>
<p><span style="font-weight: 300;">https://www.gramedia.com/literasi/urutan-presiden-indonesia/ </span></p>
<p><span style="font-weight: 300;">https://www.kpu.go.id/koleksigambar/9_OK_-_PRESIDEN_DAN_WAKIL_PRESIDEN_REPUBLIK_INDONESIA_18.pdf</span></p>
<p><span style="font-weight: 300;">https://www.cnnindonesia.com/edukasi/20230314162413-569-924944/sistem-pemerintahan-indonesia-dari-masa-ke-masa-sejak-1945-sekarang</span></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=8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa"><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/nama-presiden-indonesia-dari-masa-ke-masa&quote=8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan"> <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=8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan&url=https://www.ruangguru.com/blog/nama-presiden-indonesia-dari-masa-ke-masa"> <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/nama-presiden-indonesia-dari-masa-ke-masa&title=8 Urutan Presiden Indonesia: Wakil, Kabinet & Masa Jabatan"><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 = 15957;
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>