Artikel ini membahas tentang Candi Borobudur, mulai dari sejarah, relief, tiga ‘dhatu’ menurut ajaran Buddha, bangunan, serta nilai-nilai yang terkandung dalam Candi Borobudur.
—
Kalau kamu dengar kata ‘candi’, candi apa yang pertama kali terlintas di benakmu? Pasti sebagian besar dari kamu kepikiran Borobudur gak sih??
Candi Borobudur adalah mahakarya arsitektur Buddha yang sangat megah. Kalau kamu bertanya, dimana letak Candi Borobudur? Jawabannya Candi Borobudur terletak di Magelang, Jawa Tengah, Indonesia ya guys.
Candi ini bukan sekadar bangunan batu biasa, melainkan sebuah monumen spiritual yang mencerminkan filosofi dan ajaran agama Buddha dengan begitu indah.
Lalu, gimana sih sejarah dari candi Buddha terbesar di dunia ini? Langsung aja yuk disimak!
Yuk, Kenali Sejarah Singkat Candi Borobudur!
Berbicara mengenai tahun didirikannya Candi Borobudur, masih belum ada keterangan yang pasti sih. Tapi, para arkeolog sepakat bahwa pembangunan Candi Borobudur terjadi sekitar tahun 775-832 Masehi.
Kalau berdasarkan relief Karmawibhangga, Candi Borobudur diperkirakan berdiri pada abad ke-9 Masehi.
Banyak penelitian telah membahas tentang Candi Borobudur, termasuk oleh J. G. de Casparis, seorang ahli epigrafi dari Belanda. Menurutnya, Candi Borobudur merupakan peninggalan dari kerajaan Mataram Kuno atau Medang Mataram.
Diperkirakan, Candi borobudur dibangun pada masa pemerintahan Raja Samaratungga dari Dinasti Syailendra, beserta putrinya Pramodhawardhani. Pendapat ini diambil dari dua prasasti, yaitu Prasasti Karangtengah dan Prasasti Sri Kahulunan.
Nah, pembangunan Candi Borobudur diselesaikan pada saat Kerajaan Mataram Kuno dipimpin oleh Rakai Pikatan, suami dari Pramodhawardhani.
Guys, salah satu hal unik dari Candi Borobudur adalah pembangunannya yang menggunakan gaya Mandala. Gaya ini menggambarkan alam semesta menurut kepercayaan Buddha. Candi Borobudur sebenarnya didirikan sebagai tempat ritual keagamaan Buddha, khususnya perpaduan antara ajaran Mahayana dan Tantrayana.
Baca Juga: 13 Kerajaan Maritim Hindu-Buddha di Indonesia
Bangunan Candi Borobudur Terdiri dari Apa Aja?
Candi Borobudur, sebuah monumen megah berbentuk bujur sangkar, memiliki dimensi keseluruhan mencapai 123 x 123 meter persegi. Tinggi bangunan Candi Borobudur mencapai sekitar 42 meter jika dihitung dari puncak tertinggi (chattra). Namun, jika chattra tidak dihitung, tinggi Candi Borobudur hanya sekitar 31 meter.
Secara keseluruhan, Candi Borobudur memiliki bentuk stupa dengan struktur berteras-teras yang mengerucut ke atas. Setiap tingkatan dari bangunan ini memiliki makna tersendiri yang merefleksikan perjalanan spiritual manusia.
Candi Borobudur terdiri dari sepuluh tingkatan yang menggambarkan kehidupan manusia di dunia dan di alam setelah kehidupan dunia. Enam tingkatan pertama di bagian bawah berbentuk bujur sangkar yang semakin mengecil ke atas. Sementara itu, tingkatan ketujuh hingga kesembilan berbentuk hampir bulat, dan tingkatan kesepuluh memiliki stupa besar di puncaknya.
Candi Borobudur juga terbagi menjadi tiga bagian utama yang sesuai dengan konsep dhatu dalam ajaran Buddha. Pembagian ini dijelaskan oleh W. F. Stutterheim, yang menguraikan bahwa konsep dhatu mencerminkan tahapan yang harus dilalui manusia untuk mencapai pencerahan atau ke-Buddha-an.
Konsep dhatu ini menambah kedalaman filosofis pada struktur megah Candi Borobudur, menjadikannya tidak hanya sebagai keajaiban arsitektur tetapi juga sebagai simbol perjalanan spiritual.
Yuk kita bahas konsep dhatu ini satu per satu.
Tiga Bagian Candi Borobudur Menurut Konsep Dhatu
Ilustrasi Bagian Candi Borobudur (Sumber: Arsip Penulis)
1. Kamadhatu
Bagian pertama atau bagian paling dasar dari Candi Borobudur adalah zona Kamadhatu. Zona ini memiliki arti bagian alam dunia yang kita huni dan alami saat ini.
Bagian ini terdiri dari 160 relief yang menjelaskan tentang Karmawibhangga Sutra, atau hukum sebab-akibat ya guys.
Nah, relief ini adalah relief yang menggambarkan sifat keduniaan, seperti sifat dan nafsu manusia yang berupa perampokan, pembunuhan, penyiksaan, fitrah, dan pemerkosaan. Dahulu bagian ini ada tudung penutupnya guys. Tapi, saat ini sudah dibuka secara permanen agar para pengunjung bisa melihat relief yang tersembunyi di bagian bawah.
Kalau kamu mau melihat seluruh koleksi foto relief di zona ini, kamu bisa melihatnya di Museum Candi Borobudur yang terletak di Borobudur Archaeological Park ya.
2. Rupadhatu
Selanjutnya ada zona Rupadhatu atau bagian tengah Candi Borobudur. Rupadhatu sendiri bermakna alam peralihan dimana seorang manusia telah dibebaskan dari semua urusan duniawi.
Bagian ini terdiri dari berbagai ukiran relief batu dan patung Buddha. Pada bagian ini, terdapat 328 patung Buddha yang dihiasi oleh ukiran relief. Bisa membayangkan seberapa indah dan rumitnya bagian ini kan guys?
Nah, menurut manuskrip Sansekerta, di dalam bagian ini terdiri dari 1300 relief yang mencakup Gandawyuha, Lalitawistara, Jataka, dan Awadana. Semua relief ini membentang sejauh 2,5 km dengan total 1212 panel. Bisa dibayangkan kan sebanyak itu relief yang ada? Keren banget!
3. Arupadhatu
Bagian terakhir adalah bagian puncak atau yang disebut Arupadhatu. Bagian ini menyimbolkan bagian alam tertinggi, atau rumah para Dewa.
Tiga serambi yang berbentuk lingkaran yang mengarah ke kubah pusat atau stupa yang bisa diartikan sebagai kebangkitan dari dunia. Di bagian ini, tidak hanya ada ornamen atau hiasan begitu saja tapi, memiliki arti yang menggambarkan kemurnian tertinggi lho.
Serambi ini terdiri dari stupa berbentuk lingkaran yang berlubang, seperti lonceng terbalik, berisi patung Buddha yang menghadap ke luar candi. Terdapat 72 stupa secara keseluruhan. Stupa terbesar yang berada di tengah tidak setinggi versi aslinya, yang memiliki tinggi 42 meter di atas tanah dengan diameter 9,9 meter.
Berbeda dengan stupa yang mengelilinginya, stupa pusat yang berada di tengah dan ujung candi masih dalam perdebatan, apakah memang kosong tidak ada isinya, atau memang sebenarnya berisi sesuatu dan sudah hilang. Menurut kamu gimana nih?
Candi Borobudur tidak hanya melambangkan sebuah candi semata, tapi juga sebuah perjalanan spiritual yang mengajak kita untuk selalu merenungkan kehidupan manusia dan mencapai sebuah pencerahan tertinggi.
Baca Juga: Peninggalan Kerajaan Hindu dan Buddha di Indonesia
Relief Candi Borobudur
Relief-relief yang ada di Candi Borobudur ada berbagai macam cerita. Secara keseluruhan, terdapat 594 patung Buddha dengan posisi yang sedang bermeditasi. Selain itu ada enam varian mudra (posisi tangan) yang tersebar di sepanjang Candi Borobudur guys.
Setiap patung itu mencerminkan ajaran dan filosofi Buddha yang berbeda-beda ya. Berbagai relief ini akan menghadirkan kisah spiritual yang mendalam bagi para pengunjungnya.
Relief-relief yang ada di Candi Borobudur bukan hanya menceritakan kisah-kisah Buddha saja, tetapi menggambarkan kehidupan sehari-hari masyarakat pada masa tersebut.
Kalian semua sempat bertanya tidak sih, kok bisa ya ribuan relief tersebut dipahat sebegitu indah dan halus? Sekeren apa seniman pahat pada saat itu?
Luar biasa sekali keahlian para seniman dan pengrajin yang membangun Candi Borobudur kan! Ditambah lagi setiap panel relief ini memiliki cerita tersendiri yang memberikan pembelajaran moral dan spiritual yang masih relevan hingga saat ini.
Gambar Relief Candi Borobudur (Sumber: newstempo.github.io)
Cerita Pada Relief Candi Borobudur
Ada beberapa cerita yang dijelaskan pada panel relief yang ada di Candi Borobudur. Cerita tentang kehidupan, kebangkitan, hingga alam setelah kita hidup di dunia. Nah, beberapa cerita tersebut sebagai berikut.
Karmawibhangga
Cerita pada relief Candi Borobudur yang pertama adalah relief Karmawibhangga yang terletak pada kaki Candi Borobudur. Relief ini menggambarkan hukum karma atau hukum sebab akibat.
Dalam Karmawibhangga dijelaskan tentang hubungan sebab akibat dari perbuatan baik dan jahat yang kita lakukan di dunia. Relief ini tidak berupa cerita serial yang bersambung dari panel ke panel, tapi setiap panel menggambarkan sebuah cerita yang memuat hubungan sebab akibat.
Relief ini menunjukkan perbuatan yang tercela dengan hukumannya. Begitu pula perbuatan yang baik dengan ganjaran yang diberikan Tuhan. Selanjutnya menggambarkan siklus samsara atau siklus kehidupan manusia yang oleh agama Buddha diakhiri dengan siklus kesempurnaan.
Sayangnya saat ini hanya di bagian tenggara yang dibuka dan dapat kita lihat. Namun, kamu jangan sedih ya, karena kamu bisa melihat reliefnya di Museum Karmawibhangga di sebelah utara Candi Borobudur.
Lalitawistara
Cerita selanjutnya adalah Lalitavistara atau Lalitawistara yang menceritakan riwayat Sang Buddha. Cerita ini dimulai dari turunnya Tushita dari surga hingga wejangan pertama di Taman Rusa dekat Banaras atau Benares.
Guys, relief ini berderet dari tangga sisi selatan setelah 27 pigura yang menggambarkan persiapan di surga dan dunia untuk kedatangan Sang Bodhisattva. Di dalam relief ini menggambarkan kehidupan Buddha sebagai seorang Pangeran Siddhartha, putra Raja Suddhodana dan Permaisuri Maya. Relief-relief berjumlah 120 pigura, berakhir dengan Pemutaran Roda Dharma, simbol ajaran Buddha.
Jataka dan Awadana
Cerita selanjutnya adalah cerita Jataka yang menceritakan tentang Sang Buddha sebelum menjadi seorang pangeran Siddharta. Relief ini menonjolkan perbuatan baik seperti pengorbanan dan membantu. Kisah-kisah Jataka ini sebagian besar adalah cerita fabel dengan tokoh satwa yang bertingkah laku seperti seorang manusia.
Selanjutnya adalah cerita Awadana yang mirip dengan Jataka. Perbedaannya adalah pelakunya bukan Sang Bodhisattva. Ceritanya dihimpun dalam kitab Diwyawadana dan Awadanasataka.
Di Candi Borobudur, Jataka dan Awadana digambarkan bersama dalam satu deretan, dengan Jatakamala karya penyair Aryasura sebagai himpunan terkenal dari kehidupan Sang Bodhisattwa ya guys.
Gandawyuha
Cerita selanjutnya adalah cerita pada relief Gandawyuha menghiasi dinding lorong kedua Candi Borobudur. Relief ini menceritakan perjalanan Sudhana mencari Pengetahuan Tertinggi tentang Kebenaran Sejati.
Cerita ini memiliki 460 pigura. Penggambaran ceritanya didasarkan pada kitab suci Buddha Mahayana dan Gandawyuha. Di bagian ini juga ditutup oleh cerita yang diambil dari kitab Bhadracari.
Baca Juga: Pengaruh Hindu dan Buddha di Kehidupan Masa Kini
Nilai-Nilai apa aja yang Terkandung dalam Candi Borobudur?
Candi Borobudur memiliki banyak sekali nilai yang dikandung dan bisa kita refleksikan di kehidupan sehari-hari. Nilai pertama adalah kebijaksanaan. Banyak relief dari cerita Karmawibhangga tentang sebab akibat yang bisa kita pelajari sehingga hidup kita bisa menjadi baik.
Nilai selanjutnya adalah kedamaian. Dari cerita relief hingga bentuk bangunannya membuat hati kita damai dan tenang. Hal ini bisa terjadi karena aura kedamaian hadir di dalam Candi Borobudur. Selanjutnya adalah nilai harmoni, nilai ini banyak dijelaskan di dalam relief tentang harmoni antara manusia dengan alam semesta.
Nilai yang terakhir yang bisa kita ambil adalah nilai keindahan. Candi Borobudur ini merupakan salah satu mahakarya arsitektur yang sudah diakui dunia memiliki keindahan yang luar biasa. Kita patut bersyukur karena kita memiliki bangunan keajaiban dunia yang ada di negeri kita tercinta.
Candi Borobudur Sebagai Situs Warisan Dunia UNESCO
Kita beralih pada tahun 1991, keberadaan Candi Borobudur diakui oleh dunia dan ditetapkan sebagai Situs Warisan Dunia UNESCO. Penghargaan ini adalah sebuah bukti pengakuan Internasional terhadap nilai sejarah yang terkandung, budaya, dan spiritual dari Candi Borobudur.
Jadi, Candi Borobudur bukan didaulat/termasuk sebagai 7 Keajaiban Dunia ya, guys. Soalnya masih ada yang persepsinya kurang tepat nih.
Candi Borobudur sendiri bukan hanya sebuah candi yang kuno, melainkan sebuah simbol budaya dan spiritualitas Indonesia.
Candi Borobudur menjadi daya tarik wisata utama yang menarik wisatawan dari seluruh penjuru dunia. Wisata ke Candi Borobudur bukan hanya memberikan pengalaman wisata yang menakjubkan saja, namun juga sebuah perjalanan spiritual yang membuahkan wawasan tentang ajaran Buddha dan makna dari hidup di dunia.
Candi Borobudur adalah maha karya arsitektur yang sangat megah dan tak ternilai. Candi ini menjadi simbol kebijaksanaan, kedamaian, harmoni, dan keindahan.
Dengan memahami sejarah dan filosofi Candi Borobudur membuka pintu bagi pemahaman yang lebih mendalam tentang budaya dan spiritualitas Indonesia. Mari kita jaga dan lestarikan Candi Borobudur sebagai warisan budaya bangsa yang tak ternilai.
—
Gimana, rasa penasaran kamu tentang Candi Borobudur sudah semakin terjawab kan? Setelah ini, kamu akan makin menyadari kalau budaya Indonesia sangat kaya. Bahkan, nenek moyang kita sudah berhasil membangun monumen Buddha semegah Candi Borobudur sejak ratusan tahun silam!
Kalau kamu masih haus ilmu dan ingin mempelajari lebih dalam tentang Sejarah Indonesia, kamu boleh lho belajar bareng kakak-kakak pengajar dari Ruangguru Privat.
Bersama Ruangguru Privat, belajar gak hanya menyenangkan, tapi juga akan dibimbing sampai paham! Apalagi, pengajar di Ruangguru Privat sudah terstandarisasi kualitasnya. Kamu juga bebas pilih mau belajar secara langsung (offline) atau daring (online). Asyik banget karen abisa fleksibel! Untuk info lebih lanjut, yuk klik link berikut!
Artikel ini disunting 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>Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya</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="Apakah Candi Borobudur merupakan salah satu keajaiban dunia? Temukan jawabannya di artikel ini yang akan membahas sejarah dan fakta tentang Candi Borobudur!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/candi-borobudur" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya" />
<meta property="og:description" content="Apakah Candi Borobudur merupakan salah satu keajaiban dunia? Temukan jawabannya di artikel ini yang akan membahas sejarah dan fakta tentang Candi Borobudur!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/candi-borobudur" />
<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-09-04T06:45:43+00:00" />
<meta property="article:modified_time" content="2024-11-03T12:35:02+00:00" />
<meta name="author" content="Ringgana Wandy Wiguna" />
<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="Ringgana Wandy Wiguna" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="9 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/candi-borobudur","url":"https://www.ruangguru.com/blog/candi-borobudur","name":"Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/candi-borobudur#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/candi-borobudur#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/52f6356b-3b5a-4b5d-a288-b04f37fcc57b.jpeg","datePublished":"2024-09-04T06:45:43+00:00","dateModified":"2024-11-03T12:35:02+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/d258ac11457d3dc99953aef5aabc2165"},"description":"Apakah Candi Borobudur merupakan salah satu keajaiban dunia? Temukan jawabannya di artikel ini yang akan membahas sejarah dan fakta tentang Candi Borobudur!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/candi-borobudur#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/candi-borobudur"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/candi-borobudur#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/52f6356b-3b5a-4b5d-a288-b04f37fcc57b.jpeg","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/52f6356b-3b5a-4b5d-a288-b04f37fcc57b.jpeg"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/candi-borobudur#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya"}]},{"@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/d258ac11457d3dc99953aef5aabc2165","name":"Ringgana Wandy Wiguna","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":"Ringgana Wandy Wiguna"},"url":"https://www.ruangguru.com/blog/author/ringgana-wandy-wiguna"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya Comments Feed" href="https://www.ruangguru.com/blog/candi-borobudur/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/19683" /><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=19683' />
<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%2Fcandi-borobudur" />
<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%2Fcandi-borobudur&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-19683 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/fakta-seru">Fakta Seru</a></li> </ol>
</nav>
<h1 class="content-title">
Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/ringgana-wandy-wiguna" class="">Ringgana Wandy Wiguna</a> </p>
<p class="content-info"><span>September 4, 2024 • </span> <span>10 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter " src="https://cdn-web-2.ruangguru.com/landing-pages/assets/52f6356b-3b5a-4b5d-a288-b04f37fcc57b.jpeg" alt="Candi Borobudur" /></p>
<blockquote>
<p style="text-align: center;"><em>Artikel ini membahas tentang <strong>Candi Borobudur</strong>, mulai dari sejarah, relief, tiga ‘dhatu’ menurut ajaran Buddha, bangunan, serta nilai-nilai yang terkandung dalam Candi Borobudur. </em></p>
</blockquote>
<p style="text-align: center;"><em>—</em></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau kamu dengar kata ‘candi’, candi apa </span><span style="font-weight: 400;">yang pertama kali terlintas di benakmu? Pasti sebagian besar dari kamu kepikiran Borobudur </span><em>gak sih</em><span style="font-weight: 400;">??</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur adalah mahakarya arsitektur Buddha yang sangat megah. Kalau kamu bertanya, dimana letak Candi Borobudur? Jawabannya Candi Borobudur terletak di Magelang, Jawa Tengah, Indonesia ya </span><em>guys</em><span style="font-weight: 400;">. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi ini bukan sekadar bangunan batu biasa, melainkan sebuah monumen spiritual yang mencerminkan filosofi dan ajaran agama Buddha dengan begitu indah. </span></p>
<p>Lalu, gimana <em>sih </em>sejarah dari candi Buddha terbesar di dunia ini? Langsung aja yuk disimak!</p>
<p> </p>
<h2><span style="font-size: 18pt;">Yuk, Kenali Sejarah Singkat Candi Borobudur!</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Berbicara mengenai tahun didirikannya Candi Borobudur, masih belum ada keterangan yang pasti </span><em>sih</em><span style="font-weight: 400;">. Tapi, para arkeolog sepakat bahwa <strong>pembangunan Candi Borobudur terjadi sekitar tahun 775-832 Masehi</strong>. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau berdasarkan relief Karmawibhangga, Candi Borobudur diperkirakan berdiri pada abad ke-9 Masehi.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Banyak penelitian telah membahas tentang Candi Borobudur, termasuk oleh J. G. de Casparis, seorang ahli epigrafi dari Belanda. Menurutnya, Candi Borobudur merupakan peninggalan dari kerajaan Mataram Kuno atau Medang Mataram. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Diperkirakan, Candi borobudur dibangun pada masa pemerintahan <strong>Raja Samaratungga dari Dinasti Syailendra</strong>, beserta putrinya Pramodhawardhani. Pendapat ini diambil dari dua prasasti, yaitu Prasasti Karangtengah dan Prasasti Sri Kahulunan. </span></p>
<p style="text-align: justify;">Nah, pembangunan Candi Borobudur diselesaikan pada saat Kerajaan Mataram Kuno dipimpin oleh Rakai Pikatan, suami dari Pramodhawardhani.</p>
<p style="text-align: justify;"><em>Guys</em><i><span style="font-weight: 400;">, </span></i><span style="font-weight: 400;">salah satu</span> <span style="font-weight: 400;">hal unik dari Candi Borobudur adalah pembangunannya yang menggunakan <strong>gaya Mandala</strong>. Gaya ini menggambarkan alam semesta menurut kepercayaan Buddha. </span><span style="font-weight: 400;">Candi Borobudur sebenarnya didirikan sebagai tempat ritual keagamaan Buddha, khususnya perpaduan antara ajaran Mahayana dan Tantrayana.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/kerajaan-maritim-hindu-buddha-di-nusantara">13 Kerajaan Maritim Hindu-Buddha di Indonesia</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Bangunan Candi Borobudur Terdiri dari Apa Aja?</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur, sebuah monumen megah berbentuk bujur sangkar, memiliki dimensi keseluruhan mencapai <strong>123 x 123 meter persegi</strong>. Tinggi bangunan Candi Borobudur mencapai sekitar <strong>42 meter</strong> jika dihitung dari puncak tertinggi (chattra). Namun, jika chattra tidak dihitung, tinggi Candi Borobudur hanya sekitar <strong>31 meter</strong>.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Secara keseluruhan, Candi Borobudur memiliki bentuk stupa dengan struktur berteras-teras yang mengerucut ke atas. Setiap tingkatan dari bangunan ini memiliki makna tersendiri yang merefleksikan perjalanan spiritual manusia.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur terdiri dari <strong>sepuluh tingkatan</strong> yang menggambarkan kehidupan manusia di dunia dan di alam setelah kehidupan dunia. <strong>Enam tingkatan pertama di bagian bawah berbentuk bujur sangkar</strong> yang semakin mengecil ke atas. Sementara itu, <strong>tingkatan ketujuh hingga kesembilan berbentuk hampir bulat</strong>, dan <strong>tingkatan kesepuluh memiliki stupa besar di puncaknya</strong>.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur juga terbagi menjadi tiga bagian utama yang sesuai dengan konsep <em>dhatu</em> dalam ajaran Buddha. Pembagian ini dijelaskan oleh W. F. Stutterheim, yang menguraikan bahwa konsep </span><em>dhatu</em><span style="font-weight: 400;"> mencerminkan tahapan yang harus dilalui manusia untuk mencapai pencerahan atau ke-Buddha-an. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Konsep <em>dhatu</em> ini menambah kedalaman filosofis pada struktur megah Candi Borobudur, menjadikannya tidak hanya sebagai keajaiban arsitektur tetapi juga sebagai simbol perjalanan spiritual.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Yuk kita bahas konsep </span><em>dhatu</em> <span style="font-weight: 400;">ini satu per satu.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">Tiga Bagian Candi Borobudur Menurut Konsep <em>Dhatu</em></span></h2>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f6a5fd60-5a92-48c3-a45c-67ddbd5d3cf4.jpeg" alt="Kamadhatu - Rupadhatu - Arupadhatu" /></p>
<p style="text-align: center;"><span style="font-size: 10pt;"><em>Ilustrasi Bagian Candi Borobudur</em> (<em>Sumber: Arsip Penulis</em>)</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>1. Kamadhatu</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Bagian pertama atau <strong>bagian paling dasar</strong> dari Candi Borobudur adalah zona <strong>Kamadhatu</strong>. Zona ini memiliki arti <strong>bagian alam dunia yang kita huni dan alami saat ini</strong>. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Bagian ini terdiri dari <strong>160 relief</strong> yang menjelaskan tentang Karmawibhangga Sutra, atau hukum sebab-akibat ya </span><em>guys</em><i><span style="font-weight: 400;">. </span></i></p>
<p style="text-align: justify;"><em>Nah</em><i><span style="font-weight: 400;">, </span></i><span style="font-weight: 400;">relief ini adalah relief yang menggambarkan <strong>sifat keduniaan,</strong> seperti sifat dan nafsu manusia yang berupa perampokan, pembunuhan, penyiksaan, fitrah, dan pemerkosaan. Dahulu bagian ini ada tudung penutupnya </span><em>guys</em><span style="font-weight: 400;">.</span> <span style="font-weight: 400;">Tapi, saat ini sudah dibuka secara permanen agar para pengunjung bisa melihat relief yang tersembunyi di bagian bawah.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau kamu mau melihat seluruh koleksi foto relief di zona ini, kamu bisa melihatnya di Museum Candi Borobudur yang terletak di Borobudur Archaeological Park ya.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>2. Rupadhatu</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Selanjutnya ada zona <strong>Rupadhatu</strong> atau <strong>bagian tengah Candi Borobudur</strong>. Rupadhatu sendiri bermakna <strong>alam peralihan</strong> dimana seorang manusia telah dibebaskan dari semua urusan duniawi. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Bagian ini terdiri dari berbagai ukiran relief batu dan patung Buddha. Pada bagian ini, terdapat <strong>328 patung Buddha</strong> yang dihiasi oleh ukiran relief. Bisa membayangkan seberapa indah dan rumitnya bagian ini kan </span><i><span style="font-weight: 400;">guys?</span></i></p>
<p style="text-align: justify;"><em>Nah</em><i><span style="font-weight: 400;">, </span></i><span style="font-weight: 400;">menurut manuskrip Sansekerta, di dalam bagian ini terdiri dari <strong>1300 relief</strong> yang mencakup </span><span style="font-weight: 400;">Gandawyuha</span><span style="font-weight: 400;">, </span><span style="font-weight: 400;">Lalitawistara</span><span style="font-weight: 400;">, Jataka, dan Awadana. Semua relief ini membentang sejauh<strong> 2,5 km dengan total 1212 panel</strong>. Bisa dibayangkan kan sebanyak itu relief yang ada? Keren banget! </span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>3. Arupadhatu</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Bagian terakhir adalah <strong>bagian puncak</strong> atau yang disebut <strong>Arupadhatu</strong>. Bagian ini menyimbolkan <strong>bagian alam tertinggi</strong>, atau rumah para Dewa. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Tiga serambi yang berbentuk lingkaran yang mengarah ke kubah pusat atau stupa yang bisa diartikan sebagai kebangkitan dari dunia. Di bagian ini, tidak hanya ada ornamen atau hiasan begitu saja tapi, memiliki arti yang menggambarkan kemurnian tertinggi </span><em>lho</em><i><span style="font-weight: 400;">.</span></i></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Serambi ini terdiri dari stupa berbentuk lingkaran yang berlubang, seperti lonceng terbalik, berisi patung Buddha yang menghadap ke luar candi. Terdapat <strong>72 stupa</strong> secara keseluruhan. Stupa terbesar yang berada di tengah tidak setinggi versi aslinya, yang memiliki tinggi <strong>42 meter di atas tanah dengan diameter 9,9 meter</strong>. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Berbeda dengan stupa yang mengelilinginya, stupa pusat yang berada di tengah dan ujung candi masih dalam perdebatan</span><i><span style="font-weight: 400;">, </span></i><span style="font-weight: 400;">apakah memang kosong tidak ada isinya, atau memang sebenarnya berisi sesuatu dan sudah hilang. Menurut kamu gimana nih?</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur tidak hanya melambangkan sebuah candi semata, tapi juga sebuah perjalanan spiritual yang mengajak kita untuk selalu merenungkan kehidupan manusia dan mencapai sebuah pencerahan tertinggi.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/peninggalan-kerajaan-hindu-dan-buddha-di-indonesia">Peninggalan Kerajaan Hindu dan Buddha di Indonesia</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Relief Candi Borobudur</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Relief-relief yang ada di Candi Borobudur ada berbagai macam cerita. Secara keseluruhan, terdapat <strong>594 patung Buddha</strong> dengan posisi yang sedang bermeditasi. Selain itu ada enam varian mudra (posisi tangan) yang tersebar di sepanjang Candi Borobudur</span><em> guys</em><i><span style="font-weight: 400;">.</span></i></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Setiap patung itu mencerminkan <strong>ajaran dan filosofi Buddha yang berbeda-beda</strong> ya. Berbagai relief ini akan menghadirkan kisah spiritual yang mendalam bagi para pengunjungnya.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Relief-relief yang ada di Candi Borobudur bukan hanya menceritakan kisah-kisah Buddha saja, tetapi menggambarkan kehidupan sehari-hari masyarakat pada masa tersebut.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalian semua sempat bertanya tidak </span><em>sih</em><span style="font-weight: 400;">, </span><em>kok</em> <span style="font-weight: 400;">bisa ya ribuan relief tersebut dipahat sebegitu indah dan halus? Sekeren apa seniman pahat pada saat itu? </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Luar biasa sekali keahlian para seniman dan pengrajin yang membangun Candi Borobudur </span><em>kan</em><span style="font-weight: 400;">! </span><span style="font-weight: 400;">Ditambah lagi setiap panel relief ini memiliki cerita tersendiri yang memberikan pembelajaran moral dan spiritual yang masih relevan hingga saat ini.</span></p>
<p><img fetchpriority="high" decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/20fd40eb-7163-4a96-9a53-81519a82f71c.jpeg" alt="Relief Candi Borobudur" width="549" height="174" /></p>
<p style="text-align: center;"><span style="font-size: 10pt;"><em><span style="font-weight: 400;">Gambar Relief Candi Borobudur (</span><span style="font-weight: 400;">Sumber: newstempo.github.io)</span></em></span></p>
<p> </p>
<p style="text-align: justify;"><strong><span style="font-size: 14pt;">Cerita Pada Relief Candi Borobudur</span></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Ada beberapa cerita yang dijelaskan pada panel relief yang ada di Candi Borobudur. Cerita tentang kehidupan, kebangkitan, hingga alam setelah kita hidup di dunia. </span><em>Nah</em><i><span style="font-weight: 400;">, </span></i><span style="font-weight: 400;">beberapa </span><span style="font-weight: 400;">cerita tersebut sebagai berikut.</span></p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">Karmawibhangga </span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Cerita</span> <span style="font-weight: 400;">pada relief Candi Borobudur yang pertama adalah relief Karmawibhangga yang terletak pada kaki Candi Borobudur. Relief ini menggambarkan <strong>hukum karma atau hukum sebab akibat</strong>. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dalam Karmawibhangga dijelaskan tentang hubungan sebab akibat dari perbuatan baik dan jahat yang kita lakukan di dunia. Relief ini tidak berupa cerita serial yang bersambung dari panel ke panel, tapi setiap panel menggambarkan sebuah cerita yang memuat hubungan sebab akibat.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Relief ini menunjukkan perbuatan yang tercela dengan hukumannya. Begitu pula perbuatan yang baik dengan ganjaran yang diberikan Tuhan. Selanjutnya menggambarkan siklus samsara atau siklus kehidupan manusia yang oleh agama Buddha diakhiri dengan siklus kesempurnaan.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Sayangnya saat ini hanya di bagian tenggara yang dibuka dan dapat kita lihat. Namun, kamu jangan sedih ya, karena kamu bisa melihat reliefnya di Museum Karmawibhangga di sebelah utara Candi Borobudur.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">Lalitawistara </span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Cerita selanjutnya adalah Lalitavistara atau Lalitawistara yang <strong>menceritakan riwayat Sang Buddha</strong>. Cerita ini dimulai dari turunnya Tushita dari surga hingga wejangan pertama di Taman Rusa dekat Banaras atau Benares. </span></p>
<p style="text-align: justify;"><em>Guys</em><i><span style="font-weight: 400;">, </span></i><span style="font-weight: 400;">relief ini berderet dari tangga sisi selatan setelah 27 pigura yang menggambarkan persiapan di surga dan dunia untuk kedatangan Sang </span><span style="font-weight: 400;">Bodhisattva.</span><span style="font-weight: 400;"> Di dalam relief ini menggambarkan kehidupan Buddha sebagai seorang Pangeran Siddhartha, putra Raja Suddhodana dan Permaisuri Maya. Relief-relief berjumlah 120 pigura, berakhir dengan Pemutaran Roda Dharma, simbol ajaran Buddha.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">Jataka dan Awadana </span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Cerita selanjutnya adalah cerita Jataka yang menceritakan tentang <strong>Sang Buddha sebelum menjadi seorang pangeran Siddharta</strong>. Relief ini menonjolkan perbuatan baik seperti pengorbanan dan membantu. Kisah-kisah Jataka ini sebagian besar adalah cerita fabel dengan tokoh satwa yang bertingkah laku seperti seorang manusia. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Selanjutnya adalah cerita Awadana yang mirip dengan Jataka. Perbedaannya adalah pelakunya bukan Sang </span><span style="font-weight: 400;">Bodhisattva</span><span style="font-weight: 400;">. Ceritanya dihimpun dalam kitab Diwyawadana dan Awadanasataka. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Di Candi Borobudur, Jataka dan Awadana digambarkan bersama dalam satu deretan, dengan Jatakamala karya penyair Aryasura sebagai himpunan terkenal dari kehidupan Sang Bodhisattwa ya </span><i><span style="font-weight: 400;">guys</span></i><span style="font-weight: 400;">.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">Gandawyuha </span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Cerita selanjutnya adalah cerita pada relief Gandawyuha<strong> menghiasi dinding lorong kedua Candi Borobudur</strong>. Relief ini menceritakan perjalanan Sudhana mencari Pengetahuan Tertinggi tentang Kebenaran Sejati. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Cerita ini memiliki 460 pigura. Penggambaran ceritanya didasarkan pada kitab suci Buddha Mahayana dan Gandawyuha. Di bagian ini juga ditutup oleh cerita yang diambil dari kitab Bhadracari.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/pengaruh-hindu-dan-buddha">Pengaruh Hindu dan Buddha di Kehidupan Masa Kini</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Nilai-Nilai apa aja yang Terkandung dalam Candi Borobudur?</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur memiliki banyak sekali nilai yang dikandung dan bisa kita refleksikan di kehidupan sehari-hari. Nilai pertama adalah <strong>kebijaksanaan</strong>. Banyak relief dari cerita Karmawibhangga tentang sebab akibat yang bisa kita pelajari sehingga hidup kita bisa menjadi baik.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nilai selanjutnya adalah <strong>kedamaian</strong>. Dari cerita relief hingga bentuk bangunannya membuat hati kita damai dan tenang. Hal ini bisa terjadi karena aura kedamaian hadir di dalam Candi Borobudur. Selanjutnya adalah nilai harmoni, nilai ini banyak dijelaskan di dalam relief tentang harmoni antara manusia dengan alam semesta.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nilai yang terakhir yang bisa kita ambil adalah nilai <strong>keindahan</strong>. Candi Borobudur ini merupakan salah satu mahakarya arsitektur yang sudah diakui dunia memiliki keindahan yang luar biasa. Kita patut bersyukur karena kita memiliki bangunan keajaiban dunia yang ada di negeri kita tercinta.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Candi Borobudur Sebagai Situs Warisan Dunia UNESCO</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Kita beralih pada tahun 1991, keberadaan Candi Borobudur diakui oleh dunia dan ditetapkan sebagai Situs Warisan Dunia UNESCO. Penghargaan ini adalah sebuah bukti pengakuan Internasional terhadap nilai sejarah yang terkandung, budaya, dan spiritual dari Candi Borobudur.</span></p>
<p style="text-align: justify;">Jadi, Candi Borobudur <strong>bukan</strong> didaulat/termasuk sebagai 7 Keajaiban Dunia ya, <em>guys</em>. Soalnya masih ada yang persepsinya kurang tepat nih.</p>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur sendiri bukan hanya sebuah candi yang kuno, melainkan sebuah simbol budaya dan spiritualitas Indonesia. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur menjadi daya tarik wisata utama yang menarik wisatawan dari seluruh penjuru dunia. Wisata ke Candi Borobudur bukan hanya memberikan pengalaman wisata yang menakjubkan saja, namun juga sebuah perjalanan spiritual yang membuahkan wawasan tentang ajaran Buddha dan makna dari hidup di dunia.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Candi Borobudur adalah maha karya arsitektur yang sangat megah dan tak ternilai. Candi ini menjadi simbol kebijaksanaan, kedamaian, harmoni, dan keindahan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dengan memahami sejarah dan filosofi Candi Borobudur membuka pintu bagi pemahaman yang lebih mendalam tentang budaya dan spiritualitas Indonesia. M</span><span style="font-weight: 400;">ari</span><span style="font-weight: 400;"> kita jaga dan lestarikan Candi Borobudur sebagai warisan budaya bangsa yang tak ternilai.</span></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;"><em>Gimana</em>, rasa penasaran kamu tentang Candi Borobudur sudah semakin terjawab <em>kan</em>? Setelah ini, kamu akan makin menyadari kalau budaya Indonesia sangat kaya. Bahkan, nenek moyang kita sudah berhasil membangun monumen Buddha semegah Candi Borobudur sejak ratusan tahun silam!</p>
<p style="text-align: justify;">Kalau kamu masih haus ilmu dan ingin mempelajari lebih dalam tentang Sejarah Indonesia, kamu boleh <em>lho </em>belajar bareng kakak-kakak pengajar dari <a href="https://www.ruangguru.com/privat/sejarah" rel="noopener"><strong>Ruangguru</strong> <strong>Privat</strong></a>.</p>
<p style="text-align: justify;">Bersama Ruangguru Privat, belajar <em>gak </em>hanya menyenangkan, tapi juga akan dibimbing sampai paham! Apalagi, pengajar di Ruangguru Privat sudah terstandarisasi kualitasnya. Kamu juga bebas pilih mau belajar secara langsung (<em>offline</em>) atau daring (<em>online</em>). Asyik banget karen abisa fleksibel! Untuk info lebih lanjut, yuk klik link berikut!</p>
<p><a href="https://cta.ruangguru.com/blog-rg-10-privat-b"><img decoding="async" class="aligncenter" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d231e5a8-4abd-4ef2-b12e-d7210d9d8a95.png" alt="CTA Ruangguru Privat" width="820" height="300" /></a></p>
<p><em><strong>Artikel ini disunting oleh <a href="https://www.ruangguru.com/blog/author/laras-sekar-seruni">Laras Sekar Seruni</a></strong></em></p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/fakta-seru" rel="tag">Fakta Seru</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Ringgana Wandy Wiguna</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=Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/candi-borobudur"><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/candi-borobudur&quote=Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya"> <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=Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya&url=https://www.ruangguru.com/blog/candi-borobudur"> <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/candi-borobudur&title=Candi Borobudur: Sejarah, Relief, dan Bagian-bagiannya"><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 = 19683;
const tags_id = [19];
const category_id = 562;
const sub_category_id = 0;
const customData = {
tags_id: tags_id,
category_id: category_id,
sub_category_id: sub_category_id,
post_id: post_id,
};
Analytics.plugins.trackable.context(JSON.stringify(customData));
Analytics.ready(function () {
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="office">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/static/RG_LOGO_WHITE.png?convert=auto" alt="Logo Ruangguru" loading="lazy" />
</a>
<address>
<p class="hq">RUANGGURU HQ</p>
<p>
Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920
</p>
</address>
</div>
<nav class="footer-menu call-us">
<p class="title">Hubungi Kami</p>
<address>
<a href="mailto:info@ruangguru.com">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4739a139-8f09-42ea-b517-d842c5d1c28d.png" loading="lazy" alt="Logo Email Footer" />
info@ruangguru.com</a>
<a href="tel:02130930000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/6f4bb6c8-52c9-4acb-859b-47a10a7eec75.png" loading="lazy" alt="Logo Phone Footer" />(021) 3093 0000</a>
<a href="https://wa.me/6281574410000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4b58468a-b2f9-40e4-867f-d3242a065dcf.png" loading="lazy" alt="Logo Whatsapp Footer" />0815 7441 0000</a>
</address>
</nav>
<nav class="footer-menu social d-none d-lg-block">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Ruangguru</p>
<ul type="none">
<li><a href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a></li>
<li><a href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a></li>
<li><a href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a></li>
<li><a href="https://www.ruangguru.com/for-kids/kursus">Kursus for Kids</a></li>
<li><a href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a></li>
<li><a href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a></li>
<li><a href="https://www.ruangguru.com/ruanguji">Ruanguji</a></li>
<li><a href="https://www.ruangguru.com/blog">Ruangbaca</a></li>
<li><a href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a></li>
<li><a href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a></li>
<li><a href="https://pengajar.ruangguru.com/">Ruangpengajar</a></li>
<li><a href="https://www.ruangguru.com/privat">Ruangguru Privat</a></li>
<li><a href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Bantuan & Panduan</p>
<ul type="none">
<li><a href="https://www.ruangguru.com/company-credentials">Company Credentials</a></li>
<li><a href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/promo">Promo Ruangguru</a></li>
<li><a href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a></li>
<li><a href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a></li>
<li><a href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a></li>
<li><a href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a></li>
<li><a href="https://www.ruangguru.com/about-us">Tentang Kami</a></li>
<li><a href="https://www.ruangguru.com/contact-us">Kontak Kami</a></li>
<li><a href="https://www.ruangguru.com/press">Press Kit</a></li>
<li><a href="https://www.ruangguru.com/bantuan">Bantuan</a></li>
<li><a href="https://career.ruangguru.com/">Karier</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Lainnya</p>
<ul type="none">
<li><a href="https://www.brainacademy.id/" target="_blank">Brain Academy</a></li>
<li><a href="https://www.english-academy.id/" target="_blank">English Academy</a></li>
<li><a href="https://skillacademy.com/" target="_blank">Skill Academy</a></li>
<li><a href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a></li>
<li><a href="https://www.schoters.com/id/" target="_blank">Schoters</a></li>
<li><a href="https://www.kalananti.id/" target="_blank">Kalananti</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title"> Coba GRATIS Aplikasi Ruangguru</p>
<div class="download-list">
<ul>
<li>
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img src="https://cdn-web-2.ruangguru.com/static/appstore.png" loading="lazy" alt="Button App Store Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img src="https://cdn-web-2.ruangguru.com/static/googleplay.png" loading="lazy" alt="Button Google Play Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<img src="https://cdn-web-2.ruangguru.com/static/huawei.png" loading="lazy" alt="Button AppGallery Footer " />
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center">
<nav class="footer-menu social">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<p class="footer-copyright">
© 2026 All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
<style>
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
</style>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table="rg_floating_icon"></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_floating_icon') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_floating_icon';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,blog)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
console.log(data.list);
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_floating_icon';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script> <div id="wp-install-nudge" style="
position: fixed;
bottom: 0rem;
right: 0;
z-index: 999;
cursor: pointer;
"></div>
<script>
(function (w, d, s, o, f, js, fjs) {
w['Sales-Nudge-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'wpInstallNudge', 'https://cdn-web-2.ruangguru.com/sales-nudge/6198a95130/dist/widget.js'));
wpInstallNudge('init', { targetElementId: 'wp-install-nudge', clientTarget: 'ruangguru_blog' });
</script>
<script>
// note: disabled due to auto reload page
// var lastScrollTop = 0;
// $(window).scroll(function(event){
// var st = $(this).scrollTop();
// if (st > lastScrollTop){
// $('#wp-install-nudge').slideDown( "slow", function() {});
// } else {
// $('#wp-install-nudge').slideUp( "slow", function() {});
// }
// lastScrollTop = st;
// });
// $(document).ready(function () {
// $("#wp-install-nudge").hide();
// });
$('#wp-install-nudge').click(function(){
Analytics.track("promotion__install_nudge__click",
{
user_email: "ruangguru@blog.com",
cta_link: widgetData.dataConfig.target_link
}).catch((err) => {
console.log("tracker error", err);
});
});
</script>
</footer>
<div id="__next"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog\/*"},{"not":{"href_matches":["\/blog\/wp-*.php","\/blog\/wp-admin\/*","\/blog\/wp-content\/uploads\/*","\/blog\/wp-content\/*","\/blog\/wp-content\/plugins\/*","\/blog\/wp-content\/themes\/ruangguru\/*","\/blog\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
async function getCtaDetails(ctaIds) {
const endpoint =
" https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/CTA/views/CTA?offset=0&limit=10&where=(ctaId,in," + ctaIds.toString() + ")";
try {
const response = await fetch(endpoint, {
headers: {
"xc-token": "-hG2nBDJzSj0agSgNtcJx97M4F02y54nUMoY6plJ",
},
});
const data = await response.json();
const ctaList = data?.list || [];
const ctaMap = new Map();
for (const ctaData of ctaList) {
ctaMap.set(ctaData.ctaId, ctaData);
}
return ctaMap;
} catch (error) {
console.error("Error fetching CTA details:", error);
return new Map();
}
}
async function replaceCTA() {
const regex = /{{cta\((‘(.*?)’|“(.*?)”)\)}}/g;
const bodyHTML = document.body.innerHTML;
const matches = Array.from(bodyHTML.matchAll(regex));
const ctaIds = matches.map((match) => {
let ctaId = match[2] ?? match[3];
return ctaId;
});
const ctaMap = await getCtaDetails(ctaIds);
const replacedHTML = bodyHTML.replace(regex, (match, _inner, ctaId1, ctaId2) => {
const ctaId = ctaId1 ?? ctaId2;
const ctaData = ctaMap.get(ctaId);
if (ctaData) {
return `<a href="https://cta.ruangguru.com/${ctaData.ctaId}" target="_${ctaData.targetType}" style="position:relative;display:inline-block;">
<img src="${ctaData.imageUrl}" loading="lazy" alt="${ctaData.altText}" />
</a>`;
} else {
return match;
}
});
document.body.innerHTML = replacedHTML;
}
</script>
<meta name="author" content="Ruangguru Tech Team">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Tracker -->
<script type="text/javascript" src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
</body>
</html>