Artikel Sejarah kelas 11 ini akan menjelaskan alasan terbentuknya kerajaan maritim Hindu-Buddha dan macam-macam kerajaan Hindu-Buddha di Indonesia. Yuk, kita pelajari bersama!
—
Indonesia memiliki kondisi geografis yang unik di antara negara-negara lain di Asia Tenggara. Berdasarkan letak geografisnya, Indonesia berada di posisi strategis. Indonesia terletak di antara dua samudera yaitu Samudera Hindia dan Samudera Pasifik, serta di antara dua benua yaitu Benua Asia dan Benua Australia.
Selain itu, Indonesia dikenal sebagai negara kepulauan terbesar di dunia, yang memiliki lebih dari 17.000 pulau dan bergaris pantai sepanjang 81.000 km. Yak, betul sekali, wilayah Indonesia memiliki perairan yang lebih luas daripada daratan, tepatnya terdiri dari 70% lautan dan 30% daratan.
Wilayah laut Indonesia yang luas ini, membuat Indonesia menjadi negara yang memiliki potensi besar di bidang kelautan dan perikanan. Oleh karena itulah Indonesia disebut sebagai negara maritim.
Jadi, kalau kamu bertanya-tanya, ‘kenapa sih Indonesia disebut sebagai negara maritim?’, jawabannya adalah karena Indonesia memiliki wilayah laut yang luas. Sejak dulu, masyarakat Indonesia memanfaatkan sumber daya di perairan untuk memenuhi kebutuhan hidup. Contohnya, melakukan pelayaran, perdagangan laut, dan armada laut.
Kata maritim sendiri berasal dari bahasa latin, yaitu Mare yang artinya laut. Secara istilah, maritim diartikan sebagai “connecting to the sea or near the sea”, yaitu hal-hal yang berhubungan dengan laut atau dekat dengan laut.
Menurut Kamus Besar Bahasa Indonesia (KBBI), maritim adalah segala sesuatu yang berkenaan dengan laut atau yang berhubungan dengan pelayaran dan perdagangan di laut.
Nah, awal mula munculnya julukan Indonesia sebagai negara maritim ternyata tidak terlepas dari sejarah Kerajaan Hindu-Buddha yang bercorak maritim, guys. Kerajaan-kerajaan ini juga bisa disebut sebagai kerajaan maritim Hindu-Buddha.
Tapi kira-kira, apa aja sih faktor-faktor yang melatarbelakangi terbentuknya masyarakat maritim di Nusntara pada masa itu?
Pada masa itu, kondisi masyarakat di Nusantara mendukung berbagai aktivitas maritim. Sehingga, ketika kerajaan-kerajaan Hindu-Buddha terbentuk, aspek maritim turut menjadi hal yang diperhitungkan, khususnya dalam bidang ekonomi dan militer.
Beberapa faktor yang mendukung terciptanya masyarakat maritim di Nusantara, di antaranya sebagai berikut:
- Nusantara memiliki kekayaan rempah-rempah yang membuat masyarakat India dan Tiongkok ingin berdagang dengan masyarakat Nusantara.
-
Letak geografis. Pulau Indonesia berada di lautan dengan perairan yang tenang, sehingga memungkinkan untuk terjadinya perdagangan antar negara.
-
Pengetahuan. Masyarakat Indonesia memiliki pengetahuan akan rasi bintang dan arah mata angin sebagai penunjuk jalan ketika berlayar dan memiliki pengetahuan dalam membangun kapal laut. Hal ini yang memaksimalkan proses perdagangan.
Dalam aktivitas perdagangan ini, masyarakat Tiongkok dan India membawa pengetahuan tentang kepercayaan mereka, yaitu kepercayaan Hindu dan Buddha. Sehingga kerajaan-kerajaan maritim Nusantara memiliki ciri-ciri atau corak yang menggambarkan kepercayaan-kepercayaan tersebut. Nah, kira-kira apa saja ya kerajaan maritim Hindu-Buddha yang ada di Nusantara?
1. Kerajaan Sriwijaya
Salah satu kerajaan maritim Hindu-Buddha terbesar di Nusantara adalah kerajaan Sriwijaya. Kerajaan bercorak Buddha ini didirikan oleh Dapunta Hyang.
Menurut Prasasti Kedukan Bukit, Kerajaan Sriwijaya terletak di sekitar pertemuan Sungai Musi dan Sungai Ogan, sampai ke pesisir di sebelah timur. Salah satu raja paling terkenal dari Kerajaan Sriwijaya adalah Balaputradewa.
Kalau dilihat dari peta zaman sekarang, letak kerajaan ini ada di Palembang, Sumatera Selatan. Nah, posisi kerajaan yang berada di pesisir ini yang membuatnya strategis dalam melaksanakan aktivitas maritim.
Wilayah kekuasaan Kerajaan Sriwijaya sekitar abad ke-8, membentang dari Sumatera, Jawa Tengah, hingga Semenanjung Malaya. Panah merah menunjukkan rangkaian ekspedisi dan penaklukan Sriwijaya. (Sumber: Wikipedia Commons/Gunawan Kartapranata)
Sungai-sungai dijadikan jalur lalu lintas dari wilayah pedalaman menuju laut dan juga sebaliknya. Sebagai salah satu kerajaan maritim Hindu-Buddha, kerajaan Sriwijaya berfokus pada kegiatan pelayaran dan perdagangan laut.
Salah satu produk yang menjadi daya tarik kerajaan ini adalah emas dan kapur barus. Lokasi kerajaan Sriwijaya yang strategis ini membuat pelabuhannya ramai didatangi pelanggan dari India dan dari Tiongkok.
Selain bidang ekonomi, Kerajaan Sriwijaya juga memanfaatkan kekuatan maritim untuk bidang militer, guys. Hal ini berkaitan ketika Sriwijaya memiliki wacana untuk memperluas wilayah kekuasaanya. Sriwijaya akan mencoba menaklukan kerajaan yang akan memberi keuntungan dari segi maritim.
Misal, pada abad ke-8, Sriwijaya menaklukan wilayah Semenanjung Malaya, agar dapat menguasai Selat Malaka secara utuh.
Meskipun sempat memegang julukan sebagai salah satu kerajaan maritim Buddha terbesar di Nusantara, kerajaan Sriwijaya mengalami kemunduran. Hal ini disebabkan oleh beberapa faktor, di antaranya sebagai berikut
- Serangan Kerajaan Chola dari India pada 1025 yang ingin merebut jalur perdagangan Selat Malaka.
- Kerajaan-kerajaan yang sudah ditaklukan di Semenanjung Malaya mulai melepaskan diri, sehingga Kerajaan Sriwijaya tidak lagi menguasai jalur utama perdagangan maritim.
- Serangan Majapahit ke Sumatera 1377, yang benar-benar ‘meruntuhkan’ Kerajaan Sriwijaya.
Baca Juga: Kerajaan-Kerajaan Maritim Islam di Indonesia
2. Kerajaan Singhasari
Singasari merupakan kerajaan bercorak Hindu yang didirikan oleh Ken Angrok atau Sri Ranggah Rajasa. Kerajaan ini terletak di sebelah timur Gunung Kawi, Malang, Jawa Timur.
Kerajaan Singhasari mengalami masa kejayaan ketika dipimpin oleh Raja Kertanegara. Pada saat itu, sektor perdagangan dan pelayaran Singhasari berkembang sangat pesat.
Di bawah kepemimpinannya, Kertanegara memiliki kebijakan politik maritim bernama Cakrawala Mandala Dwipantara. Singkatnya, kebijakan ini adalah cita-cita Kertanegara agar pulau-pulau dan laut di Nusantara berada di bawah kekuasaan Singhasari. Menurut Kertanegara, laut adalah pemersatu wilayah, bukan pemisah.
Nah, dalam menjalankan kebijakan Dwipantara, Singhasari melakukan dua ekspedisi. Ada Ekspedisi Pamalayu dan Ekspedisi Bali.
Hmm. Kalau kamu perhatikan, cita-cita Kertanegara agak familiar gak guys? Yesss.. Cita-cita beliau kemudian coba diwujudkan oleh Gadjah Mada pada masa Majapahit. Selain itu, statement tentang laut adalah pemersatu wilayah juga menjadi landasan yang kuat ketika Deklarasi Djuanda dirumuskan.
Baca Juga: Program Kerja Kabinet Djuanda | Sejarah Kelas 12
Oiya guys, Singhasari melakukan ekspansi politik dan memiliki armada laut yang kuat. Komoditas yang diperdagangkan adalah rempah-rempah, kayu cendana, beras, dan emas.
Namun, pada tahun 1292 terjadi pembunuhan Kertanegara dalam Pemberontakan Jayakatwang yang mengakibatkan Kerajaan Singhasari runtuh.
3. Kerajaan Majapahit
Kerajaan Majapahit terletak di ibu kota Trowulan, Mojokerto, Jawa Timur. Kerajaan ini didirikan oleh Raden Wijaya, yang merupakan menantu Kertanegara. Jadi bisa dibilang, Kerajaan Majapahit masih ‘satu garis’ dengan Kerajaan Singhasari ya guys.
Kerajaan Majapahit memiliki salah seorang mahapatih yang bernama Gadjah Mada. Gadjah Mada terkenal dengan Sumpah Palapa-nya yang ingin menyatukan wilayah Nusantara (bahkan hingga ke Singapura dan sebagian wilayah Filipina) untuk berada di bawah kekuasaan Majapahit.
Secara politis, Sumpah Palapa (yang bisa dibilang meneruskan kebijakan Dwipantara), menjadikan Majapahit sebagai kerajaan maritim.
Meskipun aktivitas masyarakatnya banyak bergulat di sektor agraris, tapi Majapahit memanfaatkan salah satu komoditas utamanya, yaitu beras, untuk diekspor ke negara lain. Hal ini kemudian mendorong Majapahit melakukan perdagangan laut.
Majapahit juga memiliki armada laut dengan berbagai fungsi dan bentuk kapal, seperti kapal perang, kapal dagang, kapal khusus yang hanya digunakan kepentingan raja dan upacara keagamaan.
Gambar Candi Bajang Ratu, salah satu peninggalan Kerajaan Majapahit. (Sumber: detik.com)
Kerajaan Majapahit mengalami puncak kejayaan ketika dibawah pimpinan Hayam Wuruk. Pada masa ini juga terjadi perkembangan pesat dalam kesusastraan.
Beberapa di antaranya adalah Kitab Nagarakertagama yang dibuat oleh Mpu Prapanca. Kitab tersebut berisi sejarah singkat berdirinya kerajaan Majapahit, dan Kitab Sutasoma yang ditulis oleh Mpu Tantular yang berisi puisi Jawa Kuno yang ditulis pada masa keemasan kerajaan Majapahit.
Kehancuran yang dialami oleh kerajaan Majapahit terjadi ketika Hayam Wuruk wafat. Selain itu, terdapat faktor-faktor lain, seperti perebutan tahta di kerajaan, dan berdirinya kerajaan Islam di Demak, yang didirikan oleh Raden Patah.
For your information aja nih guys. Kalau ngomongin Kerajaan Maritim Hindu-Buddha di Nusantara, sebenernya yang beneran ‘maritim’ yaa tiga kerajaan yang barusan kita bahas di atas.
Terus yang lain bukan maritim?
Memang betul, kerajaan-kerajaan yang lain bisa jadi memanfaatkan sektor maritim untuk menunjang kehidupan masyarakatnya. Tapi aspek maritim gak terlalu menonjol gitu lho.
Biasanya mereka lebih condong memanfaatkan sektor lainnya, misalnya seperti sektor agraris. Selain itu, bukti-bukti sejarah yang mendukung kerajaan tersebut bercorak maritim juga sedikit, guys.
Nah, tapi biar adil, di artikel ini akan tetep dibahas juga yaa kerajaan-kerajaan Hindu-Buddha lainnya di Nusantara. Check this out!
4. Kerajaan Kutai
Kerajaan Kutai berdiri di dekat Sungai Mahakam, Kalimantan Timur. Namun, nggak banyak peninggalan sejarah yang menceritakan kehidupan kerajaan Hindu satu ini.
Peninggalan sejarah kerajaan Kutai, yaitu 7 prasasti Yupa yang ditemui di Muara Kaman. Prasasti-prasasti tersebut ditulis dengan bahasa Sanskerta dan huruf Pallawa.
Diyakini prasasti tersebut mengisahkan tentang raja-raja yang pernah memimpin Kerajaan Kutai, beberapa di antaranya adalah Raja Kudungga, Raja Aswawarman, dan Raja Mulawarman. Kerajaan Kutai dipercaya sebagai kerajaan Hindu tertua di Nusantara.
Pada masa Raja Mulawarman, kerajaan Kutai mencapai puncak keemasan dan diperkirakan menjadi tempat singgah jalur perdagangan internasional yang menghubungkan Selat Makassar, Filipina, dan China. Oleh karena itu, salah satu sumber perekonomian Kerajaan Kutai berasal dari kegiatan perdagangan.
5. Kerajaan Tarumanegara
Berdasarkan sumber sejarah, hingga saat ini, Kerajaan Tarumanegara (atau Tarumanagara) adalah kerajaan tertua di Jawa Barat. Kerajaan Tarumanagara mencapai puncak kejayaan ketika dipimpin oleh Purnawarman.
Tau dari mana tuh?
Soalnya, nama Purnawarman tercantum di banyak prasasti peninggalan Tarumanegara guys. Beberapa prasasti peninggalan Kerajaan Tarumanegara ada Prasasti Cidanghiang, Prasasti Pasir Awi, Prasasti Tugu, Prasasti Jambu, Prasasti Ciaruteun, dan lain-lain.
Perekonomian di pemerintahan Purnawarman sangat maju. Pada saat itu, mayoritas penduduk kerajaan Tarumanegara bermata pencaharian bertani dan berladang.
Meskipun, ada kemungkinan, masyarakat kerajaan ini juga beternak. Makannya, di salah satu prasasti disebutkan bahwa ada penghadiahan 1.000 ekor sapi bagi brahmana dari Purnawarman.
Baca Juga: 4 Teori Masuknya Agama Hindu-Buddha ke Indonesia
6. Kerajaan Tulang Bawang
Kerajaan Tulang Bawang diperkirakan ada sejak abad ke-5 Masehi, berdasarkan Kitab Liu-sung-Shu, kitab sejarah dari masa pemerintahan Kaisar Liu Sung (420–479 Masehi) dari Cina. Kerajaan ini terletak di daerah Lampung.
Kitab ini mencatat bahwa terdapat kerajaan di wilayah Nusantara bagian barat bernama P’u-huang yang mengirim utusan dan barang-barang upeti ke negeri Cina. Selain itu, diketahui pula bahwa kerajaan ini menghasilkan lebih dari 41 jenis barang yang diperdagangkan ke Cina.
Hubungan diplomatik antara kerajaan ini dengan Cina masih berlangsung hingga pertengahan abad ke-5 sampai abad ke-6.
Selain dari Kitab Liu-sung-Shu, ada juga kitab T’ai-p’ing-huang-yu-chi dari abad ke-10 Masehi, yang menyebutkan sebuah kerajaan bernama T’o-lang-p’p-huang, yang diidentifikasikan sebagai Tulang Bawang oleh G. Ferrand.
7. Kerajaan Kota Kapur
Kerajaan Kota Kapur diperkirakan eksis pada sekitar abad ke-6 sampai ke-7 Masehi, dan terletik di Kota Kapur, Pulau Bangka. Kerajaan ini kemungkinan besar sudah ada sejak sebelum berdirinya Kerajaan Sriwijaya.
Beberapa peninggalan dari kerajaan ini adalah sisa-sisa bangunan candi Hindu (Waisnawa) dan arca-arca batu (arca Wisnu).
Ditemukan juga benteng pertahanan yang berbentuk dua buah tanggul sejajar. Peninggalan ini menunjukkan dibangun pada abad ke-6 Masehi, dan kemungkinan digunakan sebagai pertahanan Kerajaan Kota Kapur terhadap invasi yang dilakukan oleh Kerajaan Sriwijaya.
Makannya, gak heran kalau salah satu sumber sejarah Kerajaan Sriwijaya adalah Prasasti Kota Kapur yang berisi sumpah dan kutukan bagi orang yang menentang kekuasaan raja. Dapat ditafsirkan juga, prasasti ini merupakan tanda bahwa Sriwijaya telah berkuasa di wilayah Kota Kapur dan wilayah sekitar Pulau Bangka.
8. Kerajaan Kalingga
Kerajaan Kalingga atau Kerajaan Holing adalah kerajaan yang bercorak Buddha dan terletak di pantai utara Jawa Tengah, antara Kabupaten Pekalongan dan Jepara.
Kerajaan Kalingga mencapai puncak kejayaan di bawah pimpinan Ratu Shima. Perekonomian mereka bertumpu pada sektor perdagangan dan pertanian. Letak kerajaan yang strategis menyebabkan sektor perdagangan maritim bisa berkembang pesat.
Pada saat itu, mereka berdagang kulit penyu, emas, perak, cula badak, dan gading. Wilayah pedalaman yang subur mereka manfaatkan untuk mengembangkan kegiatan pertanian yang hasil utamanya berupa padi. Penduduknya juga pandai membuat minuman dari bunga kelapa dan bunga aren.
Pemerintahan Ratu Shima sangat keras, tegas, tapi adil. Saking tegasnya, Ratu Shima pernah memerintahkan untuk memotong tangan salah satu anggota keluarganya karena sedikit menyentuh kantong berisi uang yang diletakkan di jalan.
(Oiya, ini belum jelas sih, si kantong uang ini emang gak sengaja jatuh atau memang sengaja diletakkan untuk menguji kejujuran penduduk Kalingga). Hal ini yang membuat rakyatnya memiliki kehidupan yang makmur.
Kalau ketegasan Ratu Shima diterapkan oleh pemimpin Indonesia saat ini, pasti negeri kita bebas korupsi. HEHEHE *ngarep.
Baca Juga: Kehidupan Masyarakat di Masa Kerajaan Islam
9. Kerajaan Kanjuruhan
Kerajaan Kanjuruhan adalah kerajaan bercorak Hindu yang ada di Desa Kejuron, dekat Kota Malang saat ini. Wilayah kekuasaannya meliputi daerah Malang, lereng timur dan barat Gunung Kawi, dan utara hingga pesisir Laut Jawa. Kerajaan Kanjuruhan diyakini sebagai kerajaan pertama di Jawa Timur.
Para ahli menduga kalau Kerajaan Kanjuruhan erat hubungannya dengan Kerajaan Kalingga (Holing) di Jawa Tengah. Munculnya kerajaan ini, diketahui dari Prasasti Dinoyo sekitar 760 masehi yang lalu.
Gambar Prasasti Dinoyo. (Sumber: id.wikipedia.org)
Dalam Prasasti tersebut, diceritakan bahwa Kerajaan Kanjuruhan diperintah oleh Raja Dewashimha. Setelah meninggal, tahta dilanjutkan oleh putranya, Limwa, yang dikenal sebagai Gajayana. Raja Gajayana menganut agama Siwa, ia memerintah dengan adil dan dicintai oleh rakyatnya.
Di bawah kekuasaannya juga, Kerajaan Kanjuruhan mencapai puncak keemasan. Khususnya dalam bidang pemerintahan, ekonomi, sosial, hingga seni budaya. Setelah Gajayana mangkat, kekuasaan jatuh ke tangan putrinya, Uttejana yang menikah dengan Pangeran Jananiya dari Paradeh.
Namun, keberadaan Kerajaan Kanjuruhan tidak bisa bertahan lama. Pada awal abad ke-10, ketika Rakai Watukura dari Kerajaan Mataram Kuno berkuasa, Kerajaan Kanjuruhan berhasil ditaklukkan. Para penguasa Kerajaan Kanjuruhan pun harus menjadi raja bawahan dengan gelar Rakyan Kanuruhan.
10. Kerajaan Mataram Kuno
Kerajaan Mataram Kuno (atau Kerajaan Medang Mataram) terletak di Jawa Tengah. Kerajaan ini dialiri Sungai Progo, Sungai Bogowonto dan Sungai Bengawan Solo.
Di dalam kerajaan ini, terjadi aktivitas perdagangan dan pertanian yang menjadi sumber pendapatan masyarakatnya.
Raja Kerajaan Mataram Kuno pertama, yaitu Sanjaya merupakan pendiri Wangsa Sanjaya yang menganut memiliki kepercayaan Hindu. Setelah Raja Sanjaya wafat, kerajaan Mataram Kuno dilanjutkan oleh Rakai Panangkaran yang kemudian berpindah agama Budha beraliran Mahayana.
Gambar Candi Borobudur, salah satu peninggalan Kerajaan Mataram Kuno. (Sumber: fatek.umsu.ac.id)
Pada saat Wangsa Syailendra berkuasa, agama Hindu dan Buddha dapat berkembang bersama di Kerajaan Mataram Kuno. Apalagi, pada masa pemerintahan Rakai Pikatan-Pramodawardhani, agama Hindu dan Buddha hidup dengan rukun.
Namun, pusat kerajaan ini harus berpindah ke Jawa bagian timur. Hal ini dikarenakan meletusnya Gunung Merapi yang mengakibatkan lumpuhnya aktivitas pemerintahan.
11. Kerajaan Medang Wangsa Isyana
Nah, setelah Kerajaan Medang Mataram berpindah ke Jawa Timur, tepatnya di sekitar daerah Jombang, kerajaan ini tetap berlanjut, dan dikenal sebagai Kerajaan Medang Wangsa Isyana. Saat itu, Kerajaan Medang diperintah oleh Mpu Sindok.
Mpu Sindok berusaha membuat rakyat Kerajaan Medang untuk hidup sejahtera dan makmur. Mpu Sindok bahkan membangun bendungan dan tanggul agar dapat mendukung pertanian di Kerajaan Medang.
Setelah Mpu Sindok meninggal dunia, kepemimpinan Medang dilanjutkan oleh Sri Isyanatunggawijaya. Kemudian, pemerintahan dilanjutkan oleh Makutawangsawardhana, dan diteruskan oleh Raja Dharmawangsa Tguh. Diketahui juga bahwa kerajaan ini menjalin hubungan dengan kerajaan di Bali.
Kerajaan Medang runtuh ketika pesta pernikahan putri Raja Dharmawangsa dengan Airlangga. Pada saat itu, terjadi serangan mendadak dari Kerajaan Wurawari.
Walaupun Airlangga beserta pengikut setianya berhasil selamat, serangan tersebut mengakibatkan runtuhnya Kerajaan Medang.
12. Kerajaan Kediri
Kerajaan Kediri atau Kadiri adalah sebuah kerajaan bercorak Hindu yang berdiri pada abad ke-12. Kerajaan ini merupakan bagian dari Kerajaan Medang.
Kerajaan ini terbentuk berawal dari keputusan Raja Airlangga yang membagi kerajaan menjadi dua bagian untuk menghindari pertikaian. Nah, kerajaan tersebut, di antaranya Kerajaan Jenggala (Kahuripan) dan Kerajaan Panjalu (Kediri). Dua kerajaan ini dibatasi oleh Gunung Kawi dan Sungai Brantas.
Pusat Kerajaan Kediri yang terletak di tepi Sungai Brantas yang merupakan jalur pelayaran yang ramai. Sumber ekonomi Kerajaan Kediri berasal dari penghasil beras, berdagang emas, perak, daging, kayu cendana, pinang, dan gerabah.
Runtuhnya Kerajaan Kediri terjadi di bawah pimpinan Raja Kertajaya yang dianggap telah melanggar agama dan memaksa Brahmanya untuk menyembahnya sebagai dewa.
Kemudian kaum Brahmana meminta perlindungan kepada Ken Angrok. Setelah Raja Kertajaya dan Kerajaan Kediri runtuh di tangan Ken Angrok, Kerajaan Kediri menjadi kekuasaan Tumapel atau Kerajaan Singasari.
Baca Juga: Selain Avenger, Kerajaan Kediri Juga Pernah Mengalami Civil War!
13. Kerajaan-Kerajaan di Bali
Keberadaan kerajaan-kerajaan di Bali sudah dimulai sejak abad ke-10 Masehi hingga awal abad ke-20 Masehi. Kerajaan-kerajaan ini menonjolkan eksistensi budaya, sejarah, seni, dan penghormatan kepada dewa karena masyarakat Bali umumnya menganut ajaran Hindu.
Kerajaan-Kerajaan di Bali pernah dikuasai oleh beberapa wangsa, di antaranya Wangsa Singhamandawa, Wangsa Warmmadewa, dan Wangsa-wangsa lainnya, yang didasarkan pada penemuan prasasti yang tersebar di wilayah Bali.
Beberapa raja yang pernah tercatat menjadi pemimpin di antaranya Sri Kesariwarmmadewa, Sri Ugrasena, Sang Ratu Sri Aji Tabanendra Warmmadewa, Indra Jayasingha Warmmadewa, dan lain-lain.
Salah satu raja Bali yang terkenal adalah Raja Udayana. Konon, Raja Udayana merupakan ayah dari Airlangga. Untuk itulah, ada hubungan yang cukup dekat, khususnya antara Raja Medang Wangsa Isyana dengan Kerajaan di Bali.
Kerajaan ini pun meninggalkan beberapa peninggalan dan sejarah, antara lain Pura Besakih, Pura Tirta Empul, Prasasti Blanjong, Candi Mengening, Candi Wasan, dan masih banyak lagi.
Baca Juga: Penjelasan 4 Teori Masuknya Agama Islam ke Indonesia
—
Nah, itu dia beberapa kerajaan maritim Hindu-Buddha yang ada di Nusantara. Selain nama-nama kerajaan di atas, masih banyak lagi loh kerajaan Hindu-Buddha lainnya.
Kalau kamu ingin tahu lebih banyak lagi tentang pengetahuan sejarah Indonesia, kamu bisa belajar menggunakan video animasi di ruangbelajar. Dengan begitu, kamu bisa mendapat informasi dari tutor yang tentunya berpengalaman, dan juga bisa menghemat waktu.
Referensi:
Abdullah, Taufik (ed.). (2012) Indonesia dalam Arus Sejarah. Jakarta: PT Ichtiar Baru van Hoeve.
L, Amurwani Dwi. Mulyana, Agus, dkk. (2014) Sejarah Indonesia Kelas X Semester I. Jakarta: Kementerian Pendidikan dan Kebudayaa.
Poesponegoro, Marwanti Djoened & Notosusanto, Nugroho (ed). (2019) Sejarah Nasional Indonesia II. Jakarta: Balai Pustaka
Ningsih, WL. ‘Kerajaan Tarumanegara: Raja-raja, Puncak Kejayaan, dan Peninggalan’, Kompas.com, 20 Mei 2021 [online]. Available at: https://www.kompas.com/stori/read/2021/05/20/161458179/kerajaan-tarumanegara-raja-raja-puncak-kejayaan-dan-peninggalan?page=all (Accessed: 17 Agustus 2022)
Wulandari, T. ‘Kerajaan Kediri: Sejarah Berdiri, Masa Kejayaan, dan Keruntuhan’ detikEdu, 31 Agustus 2021 [online]. Available at: https://www.detik.com/edu/detikpedia/d-5702819/kerajaan-kediri-sejarah-berdiri-masa-kejayaan-dan-keruntuhan (Accessed: 17 Agustus 2022)
Ningsih, WL. ‘Kerajaan Kalingga: Raja-raja, Kehidupan Politik, dan Peninggalan’, Kompas.com, 20 Mei 2021 [online]. Available at: https://www.kompas.com/stori/read/2021/05/20/162857279/kerajaan-kalingga-raja-raja-kehidupan-politik-dan-peninggalan?page=all (Accessed: 17 Agustus 2022)
Subroto, LH, ‘Sejarah Singkat Kerajaan Medang Kamulan’, Kompas.com, 29 Juli 2022 [online]. Available at: https://www.kompas.com/stori/read/2022/07/29/100000979/sejarah-singkat-kerajaan-medang-kamulan?page=all (Accessed: 17 Agustus 2022)
Sumber Gambar:
https://fatek.umsu.ac.id/2023/06/08/candi-borobudur-makna-yang-terkandung-di-dalamnya/ (Diakses pada 11 Oktober 2023)
https://www.detik.com/edu/detikpedia/d-5956540/5-raja-majapahit-yang-paling-lama-berkuasa-ada-yang-nyaris-40-tahun (Diakses pada 11 Oktober 2023)
https://id.wikipedia.org/wiki/Berkas:Dinoyo_Inscription.jpg (Diakses pada 11 Oktober 2023)
Artikel ini terakhir diperbarui pada 18 Juli 2024 oleh Laras Sekar Seruni
<!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>Kerajaan-Kerajaan Maritim Hindu-Buddha di Nusantara</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="Artikel Sejarah kelas 11 ini akan menjelaskan faktor terbentuknya serta macam-macam kerajaan Hindu-Buddha di Indonesia (Nusantara). Yuk, kita pelajari bersama!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Kerajaan-Kerajaan Maritim Hindu-Buddha di Nusantara" />
<meta property="og:description" content="Artikel Sejarah kelas 11 ini akan menjelaskan faktor terbentuknya serta macam-macam kerajaan Hindu-Buddha di Indonesia (Nusantara). Yuk, kita pelajari bersama!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara" />
<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-07-18T03:00:22+00:00" />
<meta property="article:modified_time" content="2024-07-24T02:38:41+00:00" />
<meta name="author" content="Nurul Hidayah" />
<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="Nurul Hidayah" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="15 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara","url":"https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara","name":"Kerajaan-Kerajaan Maritim Hindu-Buddha di Nusantara","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara#primaryimage"},"thumbnailUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/Sejarah%20Kerajaan%20Maritim%20Hindu-Buddha%20-%20Sejarah%20Kelas%2011.jpg","datePublished":"2024-07-18T03:00:22+00:00","dateModified":"2024-07-24T02:38:41+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/cbeef75dbafb3cf0cb01b704ed9127ae"},"description":"Artikel Sejarah kelas 11 ini akan menjelaskan faktor terbentuknya serta macam-macam kerajaan Hindu-Buddha di Indonesia (Nusantara). Yuk, kita pelajari bersama!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara#primaryimage","url":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/Sejarah%20Kerajaan%20Maritim%20Hindu-Buddha%20-%20Sejarah%20Kelas%2011.jpg","contentUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/Sejarah%20Kerajaan%20Maritim%20Hindu-Buddha%20-%20Sejarah%20Kelas%2011.jpg"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"13 Kerajaan Maritim Hindu-Buddha di Nusantara | Sejarah Kelas 11"}]},{"@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/cbeef75dbafb3cf0cb01b704ed9127ae","name":"Nurul Hidayah","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":"Nurul Hidayah"},"url":"https://www.ruangguru.com/blog/author/nurul-hidayah"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » 13 Kerajaan Maritim Hindu-Buddha di Nusantara | Sejarah Kelas 11 Comments Feed" href="https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara/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/1723" /><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=1723' />
<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%2Fkerajaan-maritim-hindu-buddha-di-nusantara" />
<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%2Fkerajaan-maritim-hindu-buddha-di-nusantara&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-1723 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/sejarah">Sejarah</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Sejarah SMA Kelas 11</a></li> </ol>
</nav>
<h1 class="content-title">
13 Kerajaan Maritim Hindu-Buddha di Nusantara | Sejarah Kelas 11 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/nurul-hidayah" class="">Nurul Hidayah</a> </p>
<p class="content-info"><span>July 18, 2024 • </span> <span>15 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p style="font-size: 16px; text-align: justify;"><img decoding="async" style="width: 860px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/Sejarah%20Kerajaan%20Maritim%20Hindu-Buddha%20-%20Sejarah%20Kelas%2011.jpg" alt="Sejarah Kerajaan Maritim Hindu-Buddha - Sejarah Kelas 11" /></p>
<blockquote>
<p style="text-align: center; font-size: 16px;"><em><strong><a href="https://www.ruangguru.com/blog/tag/sejarah-xi">Artikel Sejarah kelas 11</a></strong> ini akan menjelaskan alasan terbentuknya kerajaan maritim Hindu-Buddha dan macam-macam kerajaan Hindu-Buddha di Indonesia. Yuk, kita pelajari bersama!</em></p>
<p style="text-align: center; font-size: 16px;">—</p>
</blockquote>
<p> </p>
<p style="text-align: justify; font-size: 16px;">Indonesia memiliki kondisi geografis yang unik di antara negara-negara lain di Asia Tenggara. <strong><a href="https://www.ruangguru.com/blog/letak-geografis-dan-letak-astronomis-indonesia">Berdasarkan letak geografisnya</a></strong>, Indonesia berada di posisi strategis. Indonesia terletak di antara dua samudera yaitu Samudera Hindia dan Samudera Pasifik, serta di antara dua benua yaitu Benua Asia dan Benua Australia.</p>
<p style="text-align: justify; font-size: 16px;">Selain itu, Indonesia dikenal sebagai negara kepulauan terbesar di dunia, yang memiliki lebih dari 17.000 pulau dan bergaris pantai sepanjang 81.000 km. Yak, betul sekali, wilayah Indonesia memiliki perairan yang lebih luas daripada daratan, tepatnya terdiri dari 70% lautan dan 30% daratan.</p>
<p style="text-align: justify; font-size: 16px;">Wilayah laut Indonesia yang luas ini, membuat Indonesia menjadi negara yang memiliki potensi besar di bidang kelautan dan perikanan. Oleh karena itulah Indonesia disebut sebagai <strong>negara maritim</strong>.</p>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0a5e8882-9509-4688-9f1a-e747bc07f33a.png" alt="Kerajaan Hindu Buddha di Indonesia - Asal-Usul Indonesia Sebagai Negara Maritim" /></p>
<p style="text-align: justify; font-size: 16px;">Jadi, kalau kamu bertanya-tanya, ‘kenapa sih Indonesia disebut sebagai negara maritim?’, jawabannya adalah karena Indonesia memiliki wilayah laut yang luas. Sejak dulu, masyarakat Indonesia memanfaatkan sumber daya di perairan untuk memenuhi kebutuhan hidup. Contohnya, melakukan pelayaran, perdagangan laut, dan armada laut.</p>
<p style="text-align: justify; font-size: 16px;">Kata maritim sendiri berasal dari bahasa latin, yaitu <strong><em>Mare</em></strong> yang artinya <strong>laut</strong>. Secara istilah, maritim diartikan sebagai <em>“connecting to the sea or near the sea”, </em>yaitu hal-hal yang berhubungan dengan laut atau dekat dengan laut.</p>
<p style="text-align: justify; font-size: 16px;">Menurut Kamus Besar Bahasa Indonesia (KBBI), maritim adalah <strong>segala sesuatu yang berkenaan dengan laut atau yang berhubungan dengan pelayaran dan perdagangan di laut</strong>.</p>
<p style="text-align: justify; font-size: 16px;">Nah, awal mula munculnya julukan Indonesia sebagai negara maritim ternyata tidak terlepas dari sejarah Kerajaan Hindu-Buddha yang bercorak maritim, <em>guys</em>. Kerajaan-kerajaan ini juga bisa disebut sebagai kerajaan maritim Hindu-Buddha.</p>
<p style="text-align: justify;">Tapi kira-kira, apa aja <em>sih </em>faktor-faktor yang melatarbelakangi terbentuknya masyarakat maritim di Nusntara pada masa itu?</p>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/46ee988f-7ddb-40d8-86cb-d02fe642cd94.png" alt="Faktor Terbentuknya Masyarakat Maritim di Nusantara" /></p>
<p style="text-align: justify;">Pada masa itu, kondisi masyarakat di Nusantara mendukung berbagai aktivitas maritim. Sehingga, ketika kerajaan-kerajaan Hindu-Buddha terbentuk, aspek maritim turut menjadi hal yang diperhitungkan, khususnya dalam bidang ekonomi dan militer.</p>
<p style="text-align: justify; font-size: 16px;">Beberapa faktor yang mendukung terciptanya masyarakat maritim di Nusantara, di antaranya sebagai berikut:</p>
<ol>
<li style="text-align: justify; font-size: 16px;"><span style="background-color: transparent;">Nusantara memiliki <strong>kekayaan rempah-rempah</strong> yang membuat masyarakat India dan Tiongkok ingin berdagang dengan masyarakat Nusantara.</span></li>
<li style="text-align: justify; font-size: 16px;"><span style="background-color: transparent;"><strong>Letak geografis</strong>. Pulau Indonesia berada di lautan dengan perairan yang tenang, sehingga memungkinkan untuk terjadinya perdagangan antar negara.</span></li>
<li style="text-align: justify; font-size: 16px;"><span style="background-color: transparent;"><strong>Pengetahuan</strong>. Masyarakat Indonesia memiliki pengetahuan akan rasi bintang dan arah mata angin sebagai penunjuk jalan ketika berlayar dan memiliki pengetahuan dalam membangun kapal laut. Hal ini yang memaksimalkan proses perdagangan.</span></li>
</ol>
<p> </p>
<p style="text-align: justify; font-size: 16px;">Dalam aktivitas perdagangan ini, masyarakat Tiongkok dan India membawa pengetahuan tentang kepercayaan mereka, yaitu kepercayaan Hindu dan Buddha. Sehingga kerajaan-kerajaan maritim Nusantara memiliki ciri-ciri atau corak yang menggambarkan kepercayaan-kepercayaan tersebut. Nah, kira-kira apa saja ya kerajaan maritim Hindu-Buddha yang ada di Nusantara?</p>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/08b37a70-2c52-4c50-86c3-fc220477f896.png" alt="Kerajaan Maritim Hindu Buddha di Nusantara" /></p>
<h2><span style="font-size: 18pt;">1. Kerajaan Sriwijaya</span></h2>
<p style="text-align: justify; font-size: 16px;"><strong>Salah satu kerajaan maritim Hindu-Buddha terbesar di Nusantara</strong> adalah kerajaan Sriwijaya. Kerajaan bercorak Buddha ini <strong>didirikan oleh Dapunta Hyang</strong>.</p>
<p style="text-align: justify; font-size: 16px;">Menurut Prasasti Kedukan Bukit, Kerajaan Sriwijaya terletak di sekitar pertemuan <strong>Sungai Musi dan Sungai Ogan</strong>, sampai ke pesisir di sebelah timur. Salah satu raja paling terkenal dari Kerajaan Sriwijaya adalah Balaputradewa.</p>
<p style="text-align: justify; font-size: 16px;">Kalau dilihat dari peta zaman sekarang, letak kerajaan ini ada di <strong>Palembang, Sumatera Selatan</strong>. <em>Nah</em>, posisi kerajaan yang berada di pesisir ini yang membuatnya strategis dalam melaksanakan aktivitas maritim.</p>
<p style="text-align: center; font-size: 16px;"><img decoding="async" style="margin-left: auto; margin-right: auto; display: block; width: 600px;" src="https://lh6.googleusercontent.com/kJ17ceURiwwSID1ijLHK6NGQrizeNidp7N_nwJ5wHDfX6wW4_qs2C3hl1HhDRGROF57uR65NIh63aLaSmoUZFwFDfRxJM8d9OJM2FGfL8bctjUJ_Ub0C6fdT8TFswDrlpHl5KiJPYxFWaFU8J0iyH4s" width="600" /></p>
<p style="font-size: 16px; text-align: center;"><em>Wilayah kekuasaan Kerajaan Sriwijaya sekitar abad ke-8, membentang dari Sumatera, Jawa Tengah, hingga Semenanjung Malaya. Panah merah menunjukkan rangkaian ekspedisi dan penaklukan Sriwijaya. (Sumber: Wikipedia Commons/Gunawan Kartapranata)</em></p>
<p> </p>
<p style="text-align: justify; font-size: 16px;">Sungai-sungai dijadikan jalur lalu lintas dari wilayah pedalaman menuju laut dan juga sebaliknya. Sebagai salah satu kerajaan maritim Hindu-Buddha, kerajaan Sriwijaya berfokus pada kegiatan pelayaran dan perdagangan laut.</p>
<p style="text-align: justify; font-size: 16px;">Salah satu produk yang menjadi daya tarik kerajaan ini adalah <strong>emas dan kapur barus</strong>. Lokasi kerajaan Sriwijaya yang strategis ini membuat pelabuhannya ramai didatangi pelanggan dari India dan dari Tiongkok.</p>
<p style="font-size: 16px;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/Gambar%20Kronik%20Zhu%20Fan%20Zhi%20-%20Sejarah%20Kerajaan%20Maritim%20Hindu-Buddha%20-%20Sejarah%20Kelas%2011.jpg" alt="Kronik Zhu Fan Zhi" width="600" /></p>
<p> </p>
<p style="text-align: justify;">Selain bidang ekonomi, Kerajaan Sriwijaya juga memanfaatkan kekuatan maritim untuk bidang militer, <em>guys</em>. Hal ini berkaitan ketika Sriwijaya memiliki wacana untuk memperluas wilayah kekuasaanya. Sriwijaya akan mencoba menaklukan kerajaan yang akan memberi keuntungan dari segi maritim.</p>
<p style="text-align: justify;">Misal, pada abad ke-8, Sriwijaya menaklukan wilayah Semenanjung Malaya, agar dapat menguasai Selat Malaka secara utuh.</p>
<p style="font-size: 16px; text-align: justify;">Meskipun sempat memegang julukan sebagai salah satu kerajaan maritim Buddha terbesar di Nusantara, kerajaan Sriwijaya mengalami kemunduran. Hal ini disebabkan oleh beberapa faktor, di antaranya sebagai berikut</p>
<ol style="font-size: 16px;">
<li style="text-align: justify;" aria-level="1">Serangan Kerajaan Chola dari India pada 1025 yang ingin merebut jalur perdagangan Selat Malaka.</li>
<li style="text-align: justify;" aria-level="1">Kerajaan-kerajaan yang sudah ditaklukan di Semenanjung Malaya mulai melepaskan diri, sehingga Kerajaan Sriwijaya tidak lagi menguasai jalur utama perdagangan maritim.</li>
<li style="text-align: justify;" aria-level="1">Serangan Majapahit ke Sumatera 1377, yang benar-benar ‘meruntuhkan’ Kerajaan Sriwijaya.</li>
</ol>
<p> </p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/kerajaan-kerajaan-maritim-islam-di-nusantara">Kerajaan-Kerajaan Maritim Islam di Indonesia</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">2. Kerajaan Singhasari</span></h2>
<p style="font-size: 16px; text-align: justify;">Singasari merupakan kerajaan bercorak Hindu yang didirikan oleh <strong>Ken Angrok </strong>atau Sri Ranggah Rajasa. Kerajaan ini <strong>terletak di sebelah timur Gunung Kawi, Malang, Jawa Timur</strong>.</p>
<p style="font-size: 16px; text-align: justify;">Kerajaan Singhasari mengalami masa kejayaan ketika dipimpin oleh <strong>Raja Kertanegara</strong>. Pada saat itu, sektor perdagangan dan pelayaran Singhasari berkembang sangat pesat.</p>
<p style="text-align: justify;">Di bawah kepemimpinannya, Kertanegara memiliki kebijakan politik maritim bernama Cakrawala Mandala Dwipantara. Singkatnya, kebijakan ini adalah cita-cita Kertanegara agar pulau-pulau dan laut di Nusantara berada di bawah kekuasaan Singhasari. Menurut Kertanegara, laut adalah pemersatu wilayah, bukan pemisah.</p>
<p>Nah, dalam menjalankan kebijakan Dwipantara, Singhasari melakukan dua ekspedisi. Ada Ekspedisi Pamalayu dan Ekspedisi Bali.</p>
<p style="text-align: justify;"><em>Hmm</em>. Kalau kamu perhatikan, cita-cita Kertanegara agak familiar <em>gak guys</em>? <em>Yesss</em>.. Cita-cita beliau kemudian coba diwujudkan oleh Gadjah Mada pada masa Majapahit. Selain itu, <em>statement </em>tentang laut adalah pemersatu wilayah juga menjadi landasan yang kuat ketika Deklarasi Djuanda dirumuskan.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/program-kerja-kabinet-djuanda">Program Kerja Kabinet Djuanda | Sejarah Kelas 12</a></strong></p>
<p style="text-align: justify; font-size: 16px;"><em>Oiya guys</em>, Singhasari melakukan ekspansi politik dan memiliki armada laut yang kuat. Komoditas yang diperdagangkan adalah rempah-rempah, kayu cendana, beras, dan emas.</p>
<p style="text-align: justify; font-size: 16px;">Namun, pada tahun 1292 terjadi pembunuhan Kertanegara dalam Pemberontakan Jayakatwang yang mengakibatkan Kerajaan Singhasari runtuh.</p>
<p> </p>
<h2><span style="font-size: 18pt;">3. Kerajaan Majapahit</span></h2>
<p style="text-align: justify; font-size: 16px;">Kerajaan Majapahit terletak di <strong>ibu kota Trowulan, Mojokerto, Jawa Timur</strong>. Kerajaan ini didirikan oleh <strong>Raden Wijaya</strong>, yang merupakan menantu Kertanegara. Jadi bisa dibilang, Kerajaan Majapahit masih ‘satu garis’ dengan Kerajaan Singhasari ya <em>guys</em>.</p>
<p style="text-align: justify; font-size: 16px;">Kerajaan Majapahit memiliki salah seorang mahapatih yang bernama <strong>Gadjah Mada</strong>. Gadjah Mada terkenal dengan Sumpah Palapa-nya yang ingin menyatukan wilayah Nusantara (bahkan hingga ke Singapura dan sebagian wilayah Filipina) untuk berada di bawah kekuasaan Majapahit.</p>
<p style="text-align: justify; font-size: 16px;">Secara politis, Sumpah Palapa (yang bisa dibilang meneruskan kebijakan Dwipantara), menjadikan Majapahit sebagai kerajaan maritim.</p>
<p style="text-align: justify; font-size: 16px;">Meskipun aktivitas masyarakatnya banyak bergulat di sektor agraris, tapi Majapahit memanfaatkan salah satu komoditas utamanya, yaitu beras, untuk diekspor ke negara lain. Hal ini kemudian mendorong Majapahit melakukan <strong>perdagangan laut. </strong></p>
<p style="text-align: justify; font-size: 16px;">Majapahit juga memiliki armada laut dengan berbagai fungsi dan bentuk kapal, seperti kapal perang, kapal dagang, kapal khusus yang hanya digunakan kepentingan raja dan upacara keagamaan.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ac96a9f-870f-425c-85b7-5b728d32fd74.jpeg" alt="gambar kerajaan majapahit saat ini" /></p>
<p style="text-align: center;"><em>Gambar Candi Bajang Ratu, salah satu peninggalan Kerajaan Majapahit. (Sumber: detik.com)</em></p>
<p> </p>
<p style="text-align: justify; font-size: 16px;">Kerajaan Majapahit mengalami puncak kejayaan ketika dibawah pimpinan <strong>Hayam Wuruk</strong>. Pada masa ini juga terjadi perkembangan pesat dalam kesusastraan.</p>
<p style="text-align: justify; font-size: 16px;">Beberapa di antaranya adalah <strong>Kitab Nagarakertagama</strong> yang dibuat oleh <strong>Mpu Prapanca</strong>. Kitab tersebut berisi sejarah singkat berdirinya kerajaan Majapahit, dan <strong>Kitab Sutasoma</strong> yang ditulis oleh <strong>Mpu Tantular</strong> yang berisi puisi Jawa Kuno yang ditulis pada masa keemasan kerajaan Majapahit.</p>
<p style="text-align: justify; font-size: 16px;">Kehancuran yang dialami oleh kerajaan Majapahit terjadi ketika Hayam Wuruk wafat. Selain itu, terdapat faktor-faktor lain, seperti perebutan tahta di kerajaan, dan berdirinya kerajaan Islam di Demak, yang didirikan oleh Raden Patah.</p>
<p> </p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bb4c352d-e22c-4641-ace5-c542b56c171b.png" alt="Kerajaan Hindu Buddha di Nusantara" /></p>
<p style="text-align: justify;"><em>For your information </em>aja nih <em>guys</em>. Kalau <em>ngomongin </em>Kerajaan Maritim Hindu-Buddha di Nusantara, sebenernya yang beneran ‘maritim’ yaa tiga kerajaan yang barusan kita bahas di atas.</p>
<p style="text-align: justify;">Terus yang lain bukan maritim?</p>
<p style="text-align: justify;">Memang betul, kerajaan-kerajaan yang lain bisa jadi memanfaatkan sektor maritim untuk menunjang kehidupan masyarakatnya. Tapi aspek maritim <em>gak </em>terlalu menonjol gitu <em>lho</em>.</p>
<p style="text-align: justify;">Biasanya mereka lebih condong memanfaatkan sektor lainnya, misalnya seperti sektor agraris. Selain itu, bukti-bukti sejarah yang mendukung kerajaan tersebut bercorak maritim juga sedikit, <em>guys</em>.</p>
<p style="text-align: justify;">Nah, tapi biar adil, di artikel ini akan tetep dibahas juga yaa kerajaan-kerajaan Hindu-Buddha lainnya di Nusantara. <em>Check this out</em>!</p>
<p> </p>
<h2><span style="font-size: 18pt;">4. Kerajaan Kutai</span></h2>
<p style="text-align: justify; font-size: 16px;">Kerajaan Kutai berdiri di dekat <strong>Sungai Mahakam, Kalimantan Timur</strong>. Namun, <em>nggak </em>banyak peninggalan sejarah yang menceritakan kehidupan kerajaan Hindu satu ini.</p>
<p style="text-align: justify; font-size: 16px;">Peninggalan sejarah kerajaan Kutai, yaitu 7 prasasti Yupa yang ditemui di Muara Kaman. Prasasti-prasasti tersebut ditulis dengan bahasa Sanskerta dan huruf Pallawa.</p>
<p style="text-align: justify; font-size: 16px;">Diyakini prasasti tersebut mengisahkan tentang raja-raja yang pernah memimpin Kerajaan Kutai, beberapa di antaranya adalah <strong>Raja Kudungga, Raja Aswawarman, dan Raja Mulawarman</strong>. <strong>Kerajaan Kutai dipercaya sebagai kerajaan Hindu tertua di Nusantara</strong>.</p>
<p style="font-size: 16px;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/Gambar%20Prasasti%20Yupa%20-%20Sejarah%20Kerajaan%20Maritim%20Hindu-Buddha%20-%20Sejarah%20Kelas%2011.jpg" alt="Prasasti Yupa Kerajaan Kutai" width="600" /></p>
<p> </p>
<p style="text-align: justify; font-size: 16px;">Pada masa Raja Mulawarman, kerajaan Kutai mencapai puncak keemasan dan diperkirakan menjadi tempat singgah jalur perdagangan internasional yang menghubungkan Selat Makassar, Filipina, dan China. Oleh karena itu, salah satu sumber perekonomian Kerajaan Kutai berasal dari kegiatan perdagangan.</p>
<p> </p>
<h2><span style="font-size: 18pt;">5. Kerajaan Tarumanegara</span></h2>
<p style="font-size: 16px; text-align: justify;">Berdasarkan sumber sejarah, hingga saat ini, Kerajaan Tarumanegara (atau Tarumanagara) adalah kerajaan tertua di Jawa Barat. Kerajaan Tarumanagara mencapai puncak kejayaan ketika dipimpin oleh <strong>Purnawarman</strong>.</p>
<p style="text-align: justify;">Tau dari mana <em>tuh</em>?</p>
<p style="text-align: justify;">Soalnya, nama Purnawarman tercantum di banyak prasasti peninggalan Tarumanegara <em>guys</em>. Beberapa prasasti peninggalan Kerajaan Tarumanegara ada Prasasti Cidanghiang, Prasasti Pasir Awi, Prasasti Tugu, Prasasti Jambu, Prasasti Ciaruteun, dan lain-lain.</p>
<p style="text-align: justify;">Perekonomian di pemerintahan Purnawarman sangat maju. Pada saat itu, mayoritas penduduk kerajaan Tarumanegara bermata pencaharian bertani dan berladang.</p>
<p style="text-align: justify;">Meskipun, ada kemungkinan, masyarakat kerajaan ini juga beternak. Makannya, di salah satu prasasti disebutkan bahwa ada penghadiahan 1.000 ekor sapi bagi brahmana dari Purnawarman.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/proses-masuknya-agama-hindu-buddha-ke-nusantara">4 Teori Masuknya Agama Hindu-Buddha ke Indonesia</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">6. Kerajaan Tulang Bawang</span></h2>
<p style="text-align: justify;">Kerajaan Tulang Bawang diperkirakan ada sejak abad ke-5 Masehi, berdasarkan Kitab <em>Liu-sung-Shu</em>, kitab sejarah dari masa pemerintahan Kaisar Liu Sung (420–479 Masehi) dari Cina. Kerajaan ini terletak di daerah <strong>Lampung</strong>.</p>
<p style="text-align: justify;">Kitab ini mencatat bahwa terdapat kerajaan di wilayah Nusantara bagian barat bernama P’u-huang yang mengirim utusan dan barang-barang upeti ke negeri Cina. Selain itu, diketahui pula bahwa kerajaan ini menghasilkan lebih dari 41 jenis barang yang diperdagangkan ke Cina.</p>
<p style="text-align: justify;">Hubungan diplomatik antara kerajaan ini dengan Cina masih berlangsung hingga pertengahan abad ke-5 sampai abad ke-6.</p>
<p style="text-align: justify;">Selain dari Kitab <em>Liu-sung-Shu</em>, ada juga kitab <em>T’ai-p’ing-huang-yu-chi</em> dari abad ke-10 Masehi, yang menyebutkan sebuah kerajaan bernama T’o-lang-p’p-huang, yang diidentifikasikan sebagai Tulang Bawang oleh G. Ferrand.</p>
<p> </p>
<h2><span style="font-size: 18pt;">7. <b>Kerajaan Kota Kapur</b></span></h2>
<p style="text-align: justify;">Kerajaan Kota Kapur diperkirakan eksis pada sekitar abad ke-6 sampai ke-7 Masehi, dan terletik di Kota Kapur, Pulau Bangka. Kerajaan ini kemungkinan besar sudah ada sejak sebelum berdirinya Kerajaan Sriwijaya.</p>
<p style="text-align: justify;">Beberapa peninggalan dari kerajaan ini adalah sisa-sisa bangunan candi Hindu (Waisnawa) dan arca-arca batu (arca Wisnu).</p>
<p style="text-align: justify;">Ditemukan juga benteng pertahanan yang berbentuk dua buah tanggul sejajar. Peninggalan ini menunjukkan dibangun pada abad ke-6 Masehi, dan kemungkinan digunakan sebagai pertahanan Kerajaan Kota Kapur terhadap invasi yang dilakukan oleh Kerajaan Sriwijaya.</p>
<p style="text-align: justify;">Makannya, <em>gak </em>heran kalau salah satu sumber sejarah Kerajaan Sriwijaya adalah Prasasti Kota Kapur yang berisi sumpah dan kutukan bagi orang yang menentang kekuasaan raja. Dapat ditafsirkan juga, prasasti ini merupakan tanda bahwa Sriwijaya telah berkuasa di wilayah Kota Kapur dan wilayah sekitar Pulau Bangka.</p>
<p> </p>
<h2><span style="font-size: 18pt;">8. <b>Kerajaan Kalingga</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Kerajaan Kalingga atau Kerajaan Holing adalah kerajaan yang bercorak Buddha dan</span><b> terletak di pantai utara Jawa Tengah</b><span style="font-weight: 400;">, antara Kabupaten Pekalongan dan Jepara. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kerajaan Kalingga mencapai puncak kejayaan di bawah pimpinan </span><b>Ratu Shima</b><span style="font-weight: 400;">. Perekonomian mereka bertumpu pada sektor perdagangan dan pertanian. Letak kerajaan yang strategis menyebabkan sektor perdagangan maritim bisa berkembang pesat.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pada saat itu, mereka berdagang kulit penyu, emas, perak, cula badak, dan gading. Wilayah pedalaman yang subur mereka manfaatkan untuk mengembangkan kegiatan pertanian yang hasil utamanya berupa padi. </span><span style="font-weight: 400;">Penduduknya juga pandai membuat minuman dari bunga kelapa dan bunga aren. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pemerintahan Ratu Shima sangat keras, tegas, tapi adil. Saking tegasnya, Ratu Shima pernah memerintahkan untuk memotong tangan salah satu anggota keluarganya karena sedikit menyentuh kantong berisi uang yang diletakkan di jalan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">(Oiya, ini belum jelas <em>sih</em>, si kantong uang ini emang <em>gak </em>sengaja jatuh atau memang sengaja diletakkan untuk menguji kejujuran penduduk Kalingga). Hal ini yang membuat rakyatnya memiliki kehidupan yang makmur. </span></p>
<p style="text-align: justify;">Kalau ketegasan Ratu Shima diterapkan oleh pemimpin Indonesia saat ini, pasti negeri kita bebas korupsi. HEHEHE *<em>ngarep</em>.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/kehidupan-masyarakat-di-masa-kerajaan-islam">Kehidupan Masyarakat di Masa Kerajaan Islam</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">9. Kerajaan Kanjuruhan</span></h2>
<p style="text-align: justify;">Kerajaan Kanjuruhan adalah kerajaan bercorak Hindu yang ada di <strong>Desa Kejuron, dekat Kota Malang saat ini</strong>. Wilayah kekuasaannya meliputi daerah Malang, lereng timur dan barat Gunung Kawi, dan utara hingga pesisir Laut Jawa. Kerajaan Kanjuruhan diyakini sebagai kerajaan pertama di Jawa Timur.</p>
<p style="text-align: justify;">Para ahli menduga kalau Kerajaan Kanjuruhan erat hubungannya dengan Kerajaan Kalingga (Holing) di Jawa Tengah. Munculnya kerajaan ini, diketahui dari <strong>Prasasti Dinoyo</strong> sekitar 760 masehi yang lalu.</p>
<p style="text-align: justify;"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f3c8cc61-c664-474c-bc5e-a8cadeec199e.jpg" alt="gambar prasasti dinoyo" /></p>
<p style="text-align: center;"><em>Gambar Prasasti Dinoyo. (Sumber: id.wikipedia.org)</em></p>
<p> </p>
<p style="text-align: justify;">Dalam Prasasti tersebut, diceritakan bahwa Kerajaan Kanjuruhan diperintah oleh <strong>Raja Dewashimha</strong>. Setelah meninggal, tahta dilanjutkan oleh putranya, Limwa, yang dikenal sebagai <strong>Gajayana</strong>. Raja Gajayana menganut agama Siwa, ia memerintah dengan adil dan dicintai oleh rakyatnya.</p>
<p style="text-align: justify;">Di bawah kekuasaannya juga, Kerajaan Kanjuruhan mencapai puncak keemasan. Khususnya dalam bidang pemerintahan, ekonomi, sosial, hingga seni budaya. Setelah Gajayana mangkat, kekuasaan jatuh ke tangan putrinya, <strong>Uttejana</strong> yang menikah dengan Pangeran Jananiya dari Paradeh.</p>
<p style="text-align: justify;">Namun, keberadaan Kerajaan Kanjuruhan tidak bisa bertahan lama. Pada awal abad ke-10, ketika Rakai Watukura dari Kerajaan Mataram Kuno berkuasa, Kerajaan Kanjuruhan berhasil ditaklukkan. Para penguasa Kerajaan Kanjuruhan pun harus menjadi raja bawahan dengan gelar Rakyan Kanuruhan.</p>
<p> </p>
<h2><span style="font-size: 18pt;">10. Kerajaan Mataram Kuno</span></h2>
<p style="text-align: justify; font-size: 16px;">Kerajaan Mataram Kuno (atau Kerajaan Medang Mataram) terletak di <strong>Jawa Tengah</strong>. Kerajaan ini dialiri Sungai Progo, Sungai Bogowonto dan Sungai Bengawan Solo.</p>
<p style="text-align: justify; font-size: 16px;">Di dalam kerajaan ini, terjadi aktivitas perdagangan dan pertanian yang menjadi sumber pendapatan masyarakatnya.</p>
<p style="text-align: justify; font-size: 16px;"><strong>Raja Kerajaan Mataram Kuno </strong>pertama,<strong> yaitu Sanjaya </strong>merupakan pendiri Wangsa Sanjaya yang menganut memiliki kepercayaan Hindu. Setelah Raja Sanjaya wafat, kerajaan Mataram Kuno dilanjutkan oleh <strong>Rakai Panangkaran</strong> yang kemudian berpindah agama Budha beraliran Mahayana.</p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/87d75a0c-cbf2-4cfe-99c9-9adfc60130d8.jpg" alt="gambar candi borobudur" /></p>
<p style="text-align: center;"><em>Gambar Candi Borobudur, salah satu peninggalan Kerajaan Mataram Kuno. (Sumber: fatek.umsu.ac.id)</em></p>
<p> </p>
<p style="text-align: justify; font-size: 16px;">Pada saat Wangsa Syailendra berkuasa, agama Hindu dan Buddha dapat berkembang bersama di Kerajaan Mataram Kuno. Apalagi, pada masa pemerintahan Rakai Pikatan-Pramodawardhani, agama Hindu dan Buddha hidup dengan rukun.</p>
<p style="text-align: justify;">Namun, pusat kerajaan ini harus berpindah ke Jawa bagian timur. Hal ini dikarenakan meletusnya Gunung Merapi yang mengakibatkan lumpuhnya aktivitas pemerintahan.</p>
<p> </p>
<h2><span style="font-size: 18pt;">11. Kerajaan Medang Wangsa Isyana</span></h2>
<p style="text-align: justify; font-size: 16px;"><em>Nah, </em>setelah Kerajaan Medang Mataram berpindah ke Jawa Timur, tepatnya di sekitar daerah <strong>Jombang</strong><em>,</em> kerajaan ini tetap berlanjut, dan dikenal sebagai Kerajaan Medang Wangsa Isyana. Saat itu, Kerajaan Medang diperintah oleh <strong>Mpu Sindok</strong>.</p>
<p style="text-align: justify; font-size: 16px;">Mpu Sindok berusaha membuat rakyat Kerajaan Medang untuk hidup sejahtera dan makmur. Mpu Sindok bahkan membangun bendungan dan tanggul agar dapat mendukung pertanian di Kerajaan Medang.</p>
<p style="text-align: justify; font-size: 16px;">Setelah Mpu Sindok meninggal dunia, kepemimpinan Medang dilanjutkan oleh Sri Isyanatunggawijaya. Kemudian, pemerintahan dilanjutkan oleh Makutawangsawardhana, dan diteruskan oleh Raja Dharmawangsa Tguh. Diketahui juga bahwa kerajaan ini menjalin hubungan dengan kerajaan di Bali.</p>
<p style="text-align: justify; font-size: 16px;">Kerajaan Medang runtuh ketika pesta pernikahan putri Raja Dharmawangsa dengan Airlangga. Pada saat itu, terjadi serangan mendadak dari Kerajaan Wurawari.</p>
<p style="text-align: justify; font-size: 16px;">Walaupun Airlangga beserta pengikut setianya berhasil selamat, serangan tersebut mengakibatkan runtuhnya Kerajaan Medang.</p>
<p> </p>
<h2><span style="font-size: 18pt;">12. Kerajaan Kediri</span></h2>
<p style="text-align: justify; font-size: 16px;">Kerajaan Kediri atau Kadiri adalah sebuah kerajaan bercorak Hindu yang berdiri pada abad ke-12. Kerajaan ini merupakan <strong>bagian dari Kerajaan Medang</strong>.</p>
<p style="text-align: justify; font-size: 16px;">Kerajaan ini terbentuk berawal dari keputusan Raja Airlangga yang membagi kerajaan menjadi dua bagian untuk menghindari pertikaian. <em>Nah, </em>kerajaan tersebut, di antaranya <strong>Kerajaan Jenggala (Kahuripan) dan Kerajaan Panjalu (Kediri)</strong>. Dua kerajaan ini dibatasi oleh Gunung Kawi dan Sungai Brantas.</p>
<p style="text-align: justify; font-size: 16px;">Pusat Kerajaan Kediri yang terletak di <strong>tepi Sungai Brantas</strong> yang merupakan jalur pelayaran yang ramai. Sumber ekonomi Kerajaan Kediri berasal dari penghasil beras, berdagang emas, perak, daging, kayu cendana, pinang, dan gerabah.</p>
<p style="text-align: justify; font-size: 16px;">Runtuhnya Kerajaan Kediri terjadi di bawah pimpinan <strong>Raja Kertajaya</strong> yang dianggap telah melanggar agama dan memaksa Brahmanya untuk menyembahnya sebagai dewa.</p>
<p style="text-align: justify; font-size: 16px;">Kemudian kaum Brahmana meminta perlindungan kepada Ken Angrok. Setelah Raja Kertajaya dan Kerajaan Kediri runtuh di tangan Ken Angrok, Kerajaan Kediri menjadi kekuasaan Tumapel atau Kerajaan Singasari.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/perang-saudara-kerajaan-kediri">Selain Avenger, Kerajaan Kediri Juga Pernah Mengalami Civil War!</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">13. Kerajaan-Kerajaan di Bali</span></h2>
<p style="text-align: justify;">Keberadaan kerajaan-kerajaan di Bali sudah dimulai <strong>sejak abad ke-10 Masehi hingga awal abad ke-20 Masehi</strong>. Kerajaan-kerajaan ini menonjolkan eksistensi budaya, sejarah, seni, dan penghormatan kepada dewa karena masyarakat Bali umumnya menganut ajaran Hindu.</p>
<p style="text-align: justify;">Kerajaan-Kerajaan di Bali pernah dikuasai oleh beberapa wangsa, di antaranya Wangsa Singhamandawa, Wangsa Warmmadewa, dan Wangsa-wangsa lainnya, yang didasarkan pada penemuan prasasti yang tersebar di wilayah Bali.</p>
<p style="text-align: justify;">Beberapa raja yang pernah tercatat menjadi pemimpin di antaranya Sri Kesariwarmmadewa, Sri Ugrasena, Sang Ratu Sri Aji Tabanendra Warmmadewa, Indra Jayasingha Warmmadewa, dan lain-lain.</p>
<p style="text-align: justify;">Salah satu raja Bali yang terkenal adalah <strong>Raja Udayana</strong>. Konon, Raja Udayana merupakan ayah dari Airlangga. Untuk itulah, ada hubungan yang cukup dekat, khususnya antara Raja Medang Wangsa Isyana dengan Kerajaan di Bali.</p>
<p style="text-align: justify;">Kerajaan ini pun meninggalkan beberapa peninggalan dan sejarah, antara lain <strong>Pura Besakih, Pura Tirta Empul, Prasasti Blanjong, Candi Mengening, Candi Wasan</strong>, dan masih banyak lagi.</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/4-teori-masuknya-islam-ke-nusantara">Penjelasan 4 Teori Masuknya Agama Islam ke Indonesia</a></strong></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify; font-size: 16px;"><em>Nah,</em> itu dia beberapa kerajaan maritim Hindu-Buddha yang ada di Nusantara. Selain nama-nama kerajaan di atas, masih banyak lagi loh kerajaan Hindu-Buddha lainnya.</p>
<p style="text-align: justify; font-size: 16px;">Kalau kamu ingin tahu lebih banyak lagi tentang pengetahuan sejarah Indonesia, kamu bisa belajar menggunakan video animasi di <strong><a href="https://ruangguru.com/belajar?utm_medium=referral&utm_source=blog&utm_campaign=kerajaan-hindu-buddha-jenggala-dan-kediri-singasari-majapahit">ruangbelajar</a></strong>. Dengan begitu, kamu bisa mendapat informasi dari tutor yang tentunya berpengalaman, dan juga bisa menghemat waktu.</p>
<p style="font-size: 16px;"><a class="rg-cta" style="text-align: center;" href="https://link.ruangguru.com/blPk/eaff0eb9" target="_blank" rel="noopener"><img decoding="async" class="aligncenter" src="https://cdn-web.ruangguru.com/landing-pages/assets/cta/0ec4a2df-db2e-4ae1-8473-692756dcb684.jpeg" alt="IDN CTA Blog ruangbelajar Ruangguru" /></a></p>
<p style="text-align: justify; font-size: 16px;"><strong>Referensi</strong>:</p>
<p>Abdullah, Taufik (ed.). (2012) Indonesia dalam Arus Sejarah. Jakarta: PT Ichtiar Baru van Hoeve.</p>
<p>L, Amurwani Dwi. Mulyana, Agus, dkk. (2014) Sejarah Indonesia Kelas X Semester I. Jakarta: Kementerian Pendidikan dan Kebudayaa.</p>
<p>Poesponegoro, Marwanti Djoened & Notosusanto, Nugroho (ed). (2019) Sejarah Nasional Indonesia II. Jakarta: Balai Pustaka</p>
<p>Ningsih, WL. <em>‘Kerajaan Tarumanegara: Raja-raja, Puncak Kejayaan, dan Peninggalan’, Kompas.com,</em> 20 Mei 2021 [online]. Available at: https://www.kompas.com/stori/read/2021/05/20/161458179/kerajaan-tarumanegara-raja-raja-puncak-kejayaan-dan-peninggalan?page=all (Accessed: 17 Agustus 2022)</p>
<p>Wulandari, T. <em>‘Kerajaan Kediri: Sejarah Berdiri, Masa Kejayaan, dan Keruntuhan’</em> <em>detikEdu</em>, 31 Agustus 2021 [online]. Available at: https://www.detik.com/edu/detikpedia/d-5702819/kerajaan-kediri-sejarah-berdiri-masa-kejayaan-dan-keruntuhan (Accessed: 17 Agustus 2022)</p>
<p>Ningsih, WL. <em>‘Kerajaan Kalingga: Raja-raja, Kehidupan Politik, dan Peninggalan’, Kompas.com, </em>20 Mei 2021 [online]<em>. </em>Available at: https://www.kompas.com/stori/read/2021/05/20/162857279/kerajaan-kalingga-raja-raja-kehidupan-politik-dan-peninggalan?page=all (Accessed: 17 Agustus 2022)</p>
<p>Subroto, LH, ‘Sejarah Singkat Kerajaan Medang Kamulan’, <em>Kompas.com, </em>29 Juli 2022 [online]. Available at: https://www.kompas.com/stori/read/2022/07/29/100000979/sejarah-singkat-kerajaan-medang-kamulan?page=all (Accessed: 17 Agustus 2022)</p>
<p><strong>Sumber Gambar:</strong></p>
<p>https://fatek.umsu.ac.id/2023/06/08/candi-borobudur-makna-yang-terkandung-di-dalamnya/ (Diakses pada 11 Oktober 2023)</p>
<p>https://www.detik.com/edu/detikpedia/d-5956540/5-raja-majapahit-yang-paling-lama-berkuasa-ada-yang-nyaris-40-tahun (Diakses pada 11 Oktober 2023)</p>
<p>https://id.wikipedia.org/wiki/Berkas:Dinoyo_Inscription.jpg (Diakses pada 11 Oktober 2023)</p>
<p> </p>
<p><strong><em>Artikel ini terakhir diperbarui pada 18 Juli 2024 oleh <a href="https://www.ruangguru.com/blog/author/laras-sekar-seruni">Laras Sekar Seruni</a></em></strong></p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/kelas-11" rel="tag">Kelas 11</a> <a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a> <a href="https://www.ruangguru.com/blog/tag/sejarah-xi" rel="tag">Sejarah XI</a> <a href="https://www.ruangguru.com/blog/tag/sma" rel="tag">SMA</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">Nurul Hidayah</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=13 Kerajaan Maritim Hindu-Buddha di Nusantara | Sejarah Kelas 11%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara"><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/kerajaan-maritim-hindu-buddha-di-nusantara&quote=13 Kerajaan Maritim Hindu-Buddha di Nusantara | Sejarah Kelas 11"> <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=13 Kerajaan Maritim Hindu-Buddha di Nusantara | Sejarah Kelas 11&url=https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara"> <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/kerajaan-maritim-hindu-buddha-di-nusantara&title=13 Kerajaan Maritim Hindu-Buddha di Nusantara | Sejarah Kelas 11"><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 = 1723;
const tags_id = [31,10,265,37];
const category_id = 520;
const sub_category_id = 525;
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>