Suka membaca cerita dongeng? Yuk, cari tahu penjelasan lengkap tentang dongeng mulai dari pengertian, jenis-jenis, ciri-ciri, fungsi, unsur, struktur, dan contohnya.
—
“Pada suatu hari……”
Hayo, pasti kamu sangat familiar dengan potongan kalimat di atas ‘kan? Yap, bener banget. Itu merupakan salah satu contoh awalan dari sebuah cerita dongeng.
Dongeng sudah menjadi bacaan atau cerita yang sering kita dengar saat beranjak dewasa. Tak hanya cerita khayalan, dongeng juga memiliki makna atau pesan tersirat untuk para pembacanya, yang kebanyakan adalah anak-anak.
Namun, sebenarnya tahukah kamu apa itu dongeng? Lalu, seperti apa ciri-ciri dan manfaat dongeng? Simak penjelasannya beserta contoh dongeng paling terkenal di nusantara berikut ini, yuk!
Pengertian Dongeng
Mari kita mulai dengan pengertian dongeng menurut KBBI ya. Berdasarkan KBBI, dongeng adalah sebuah cerita yang tidak benar-benar terjadi, terutama kejadian di zaman dahulu yang aneh-aneh. Bisa disimpulkan bahwa, dongeng merupakan cerita rakyat yang fiktif atau khayalan dengan tema-tema yang imajinatif dan sering tidak masuk akal.
Cerita dongeng dapat berkaitan dengan kepercayaan masyarakat pada sesuatu yang bersifat supranatural dan diimplementasikan di kehidupan manusia sehari-hari. Biasanya dongeng melibatkan kejadian luar biasa yang membuat pembaca ikut merasakan suasana yang terjadi di dalam cerita.
Kebanyakan cerita dongeng, baik itu lisan maupun tulisan, tidak dapat dikenali siapa pengarangnya. Hal ini dikarenakan banyak dongeng yang merupakan cerita turun temurun dari nenek moyang. Maka dari itu, dongeng digolongkan sebagai sastra lama yang sudah ada dari zaman dahulu.
Cerita dongeng memang terkesan sebagai kejadian nyata yang benar-benar terjadi, padahal dongeng hanyalah fiksi yang imajinatif. Walaupun termasuk cerita khayalan, dongeng tetap menjadi hiburan yang menyenangkan dan memberi banyak dampak positif bagi anak karena banyak memuat pesan moral.
Baca Juga: Pengertian Majas, Jenis, dan Contohnya, Lengkap!
Fungsi dan Manfaat Dongeng
Fungsi utama dari dongeng adalah sebagai sarana hiburan bagi para pendengar dan pembacanya. Namun, dongeng juga memiliki tujuan untuk mewariskan nilai-nilai dan pesan moral yang diyakini oleh masyarakat pada masa itu.
Cerita dongeng kerap melukiskan sebuah sindiran atau kebenaran yang berisi pelajaran moral. Biasanya, ada dua tokoh dongeng yang menjadi fokus utama, yaitu tokoh baik dan jujur yang akan mendapat imbalan menyenangkan, dan tokoh jahat yang akan mendapat hukuman. Pasti kamu masih ingat kan cerita bawang merah dan bawah putih?
Ciri-Ciri Dongeng
Nah, dalam membuat cerita dongeng, kamu perlu tau dulu karakteristik teksnya. Berikut ciri-ciri dongeng yang bisa kamu pahami:
- Ceritanya singkat,
- Kalimat pembuka umumnya diawali dengan: “pada zaman dahulu, pada masa silam, alkisah, pada suatu hari, dan sebagainya”,
- Memiliki alur yang sederhana,
- Karakter atau tokoh di dalam cerita biasanya tidak disampaikan dengan rinci,
- Ada dua tokoh dengan watak yang berlawanan, yaitu baik dan jahat,
- Ditulis dengan gaya penceritaan lisan,
- Bersifat fiktif atau khayalan,
- Ada versi yang berbeda-beda karena cara penyebarannya dari mulut ke mulut,
- Mengandung pesan moral yang bisa dipelajari oleh pembaca atau pendengar,
- Tidak diketahui dengan pasti siapa pengarangnya.
Unsur-Unsur Dongeng
Seperti jenis teks lainnya, cerita dongeng juga punya unsur-unsur pembentuknya, loh. Berikut unsur-unsur dongeng:
- Tema: gagasan atau ide utama dari cerita dongeng.
- Latar: keterangan suasana waktu dan ruang terjadinya suatu peristiwa.
- Alur: peristiwa yang terjadi pada dongeng.
- Tokoh: pelaku yang ada pada dongeng.
- Penokohan: penampilan dan watak dari tiap tokoh yang ada di dalam cerita.
- Amanat: pesan moral yang ingin disampaikan pada pembaca atau pendengar.
Jenis-Jenis Dongeng
Dongeng terbagi menjadi beberapa jenis, di antaranya:
1. Fabel
Fabel adalah cerita dongeng yang tokoh utamanya binatang tetapi memiliki watak dan perilaku seperti manusia. Fabel sering ditemukan pada kisah dongeng antara hewan, misalnya di hutan atau tempat-tempat lainnya.
Contoh fabel: Si Kancil, Burung Gagak yang Cerdik, Kancil dan Buaya, Semut dan Belalang, Persahabatan Kelinci dan Monyet, Kura-Kura dan Kancil, dan sebagainya.
2. Legenda
Legenda merupakan cerita rakyat yang ada di kehidupan masyarakat dan berhubungan tentang suatu peristiwa. Peristiwa dalam cerita rakyat tersebut bisa melahirkan suatu asal usul suatu tempat, suatu nama daerah, atau hal-hal yang berkaitan dengan alam dan lingkungan sekitar.
Contoh legenda: Tangkuban Perahu, Legenda Danau Toba, Batu Menangis, Candi Prambanan (Roro Jonggrang), Sangkuriang, dan sebagainya.
3. Mite atau Mitos
Mite atau yang lebih dikenal dengan mitos adalah jenis dongeng yang berhubungan dengan kepercayaan masyarakat terhadap hal yang tidak masuk akal. Biasanya, ceritanya akan berhubungan dengan makhlus halus, dewa-dewi, atau hal gaib lainnya.
Contoh mite: Nyi Roro Kidul, Laweyan, Joko Tarub, dan sebagainya.
4. Sage
Sage adalah dongeng yang ceritanya mengisahkan tentang sejarah dari tokoh tertentu yang memiliki kebaikan, keberanian, kesaktian, dan kepahlawanan. Sage mengandung unsur sejarah yang telah bercampur dengan cerita fantasi rakyat.
Contoh sage: Panji Laras, Calon Arang, Si Pitung, Lutung Kasarung, Airlangga, dan sebagainya.
5. Parabel
Parabel adalah cerita yang mengandung nilai-nilai pendidikan, baik itu pendidikan agama, moral, atau pendidikan secara umum yang disampaikan secara tersirat.
Contoh parabel: Sepasang Selop Putih, Damarwulan, Hikayat Bayan Budiman, Malin Kundang, dan sebagainya.
6. Jenaka
Dongeng jenaka atau lelucon adalah cerita lucu yang diperankan oleh tokoh-tokohnya.
Contoh jenaka: Si Kabayan, Pan Balang Tamak, Singa Rewa, dan sebagainya.
7. Dongeng Biasa
Selain jenis-jenis di atas, ada juga dongeng biasanya yang umum diceritakan. Dongeng ini memuat cerita suka duka dan impian seseorang.
Contoh dongeng biasa: Bawang Putih dan Bawang Merah, Cinderella, Ande-ande Lumut, dan sebagainya.
Baca Juga: Penggunaan Tanda Baca, Fungsi, dan Contohnya, Lengkap!
Contoh Dongeng beserta Pesan Moralnya
Malin Kundang
Pada zaman dahulu, hiduplah seorang janda bersama seorang anak laki-laki, di perkampungan Pantai Air Manis, Padang Sumatera Barat.
Perempuan itu bernama Mande Rubayah, sedangkan anak laki-lakinya bernama Malin Kundang. Sejak kanak-kanak, Malin Kundang sudah ditinggal mati ayahnya. Pada saat Malin menginjak dewasa, ada kapal besar berlabuh di Pantai Air Manis. Kedatangan kapal tersebut meneguhkan hatinya untuk 3pergi merantau.
“Bu, saya ingin mencari kerja, merantau ke negeri orang,” kata Malin dengan suara lirih. “Belum tentu setahun sekali ada kapal besar merapat di pantai ini. Saya akan mencari kerja agar nasib kita berubah dan terbebas dari kemiskinan.” Meski dengan berat hati, akhirnya Mande Rubayah pun mengizinkan anaknya pergi.
Hari berganti, bulan berjalan, dan tahun berbilang, Malin telah pergi meninggalkan kampungnya tanpa pernah memberi kabar kepada ibunya. Pada suatu hari, sebuah kapal besar berlabuh di pantai Air Manis. Melihat hal itu, Mande Rubayah ikut berdesakan mendekati kapal tersebut. Ia sangat yakin bahwa lelaki muda itu adalah Malin Kundang. Tanpa canggung, ia langsung memeluk Malin erat-erat, seolah takut kehilangan anaknya lagi. Lalu ia pun menyapa Malin dengan suara serak, karena menahan tangis bahagia.
“Malin, anakku, mengapa begitu lamanya kau meninggalkan ibu?” Malin terpana karena ia tak percaya bahwa wanita itu adalah ibunya.
Sebelum sempat berpikir, istrinya yang cantik itu berkata,”Cuih! Wanita buruk inikah ibumu? Mengapa kau membohongi aku?” Lalu dia berkata lagi. “Bukankah dulu kau katakan ibumu adalah seorang bangsawan sederajat dengan kami?”
Mendengar kata-kata istrinya, Malin Kundang mendorong wanita tua itu hingga terguling ke pasir. Mande Rubayah berkata lagi, “Malin, Malin, anakku. Aku ini ibumu, Nak!” Malin Kundang tidak menghiraukan perkataan ibunya.
“Hai, Perempuan tua! Ibuku tidak sepertimu, engkau tampak sangat miskin dan kotor!” kata si Malin sambil mendorong wanita tua itu hingga terkapar pingsan.
Ketika Mande Rubayah sadar, Pantai Air Manis sudah sepi. Di laut dilihatnya kapal Malin semakin menjauh. Hatinya perih seperti ditusuk-tusuk. Tangannya ditengadahkan ke langit. Ia kemudian berseru, “Ya Allah, Yang Maha Kuasa, kalau dia bukan anakku, aku maafkan perbuatannya tadi. Tapi kalau memang benar dia anakku, Malin Kundang, aku mohon keadilan-Mu.”
Tidak lama kemudian, cuaca di tengah laut yang tadinya cerah, mendadak berubah menjadi gelap. Entah bagaimana awalnya, tiba-tiba datanglah badai besar menghantam kapal Malin Kundang. Seketika kapal itu hancur berkeping-keping. Kemudian terempas ombak hingga ke pantai.
Keesokan harinya, di kaki bukit terlihat kepingan kapal yang telah menjadi batu, itulah kapal Malin Kundang. Tak jauh dari tempat itu, nampaklah sebongkah batu yang menyerupai tubuh manusia. Konon, itulah tubuh Malin Kundang anak durhaka yang terkena kutukan ibunya menjadi batu. Di sela-sela batu itu, berenang-renang ikan teri, ikan belanak, dan ikan tenggiri.
(sumber cerita: dongengceritarakyat.com)
Pesan moral:
- Sebagai anak kita tidak boleh menyakiti hati orang tua
- Jangan sampai harta membuat kita lupa dengan asal-usul kita
- Doa orang tua senantiasa diijabah oleh Yang Maha Kuasa
- Berbohong akan mendatangkan keburukan
Bawang Merah dan Bawang Putih
Di sebuah desa, tinggalah seorang janda yang hidup dengan dua anak perempuannya yang memiliki wajah menawan, yaitu Bawang Merah dan Bawang Putih. Ayah kandung Bawang Putih yang juga suami dari ibu Bawang Merah telah meninggal dunia, jadi Bawang Putih adalah saudara tiri dari Bawang Merah.
Bawang Merah dan Bawang Putih memiliki sifat karakter serta kepribadian yang berbeda. Bawang Putih memiliki sifat yang rajin, baik hati, jujur, dan rendah hati. Sementara, Bawang Merah memiliki sifat yang malas, sombong, iri hati.
Kepribadian Bawang Merah yang malas juga diperburuk karena ibunya yang memanjakannya. Ibunya selalu memberi Bawang Merah apapun yang diinginkannya.
Sedangkan Bawang Putih yang melakukan semua pekerjaan rumah, mencuci, memasak, membersihkan rumah, dan ia hanya melakukannya sendiri. Sementara itu, Bawang Merah dan ibunya hanya menghabiskan waktu untuk diri mereka sendiri.
Ketika mereka membutuhkan sesuatu, mereka hanya meminta Bawang Putih. Bawang Putih tak pernah mengeluhkan nasib buruknya yang dia hadapi. Ia selalu melayani ibu tiri dan saudara perempuannya dengan gembira.
Suatu hari, Bawang Putih, mencuci baju ibu tiri dan Bawang Merah di sungai. Bawang Putih tak menyadari jika sepotong kain milik ibunya hanyut di sungai. Ia pun merasa sedih, berpikir jika kain itu tidak ditemukan, ia akan disalahkan, dihukum, atau diusir dari rumah.
Karena takut kain ibunya tidak bisa ditemukan, Bawang Putih terus mencari dan berjalan di sepanjang sungai. Setiap kali ia melihat seseorang di tepi sungai, dia selalu bertanya tentang kain ibunya yang hanyut, tetapi semua orang tak melihat di mana kain itu.
Akhirnya Bawang Putih sampai ke suatu tempat di mana sungai itu mengalir ke sebuah gua. Anehnya, ia melihat ada seorang perempuan yang sangat tua di dalam gua tersebut. Bawang Putih pun bertanya pada perempuan tua itu jika ia melihat kain milik ibunya.
Perempuan tua itu tahu di mana kain itu, tapi ia memberi syarat sebelum menyerahkannya ke Bawang Putih. Syaratnya ia harus bekerja membantu perempuan itu. Karena sebelumnya ia terbiasa bekerja keras, hingga ia bersedia membantu perempuan tua itu.
Saat hari sudah sore, Bawang Putih pun mengucapkan selamat tinggal pada perempuan tua kemudian perempuan itu juga menyerahkan kain padanya. Karena kebaikan Bawang Putih, perempuan tua itu menawarkan hadiah labu.
Ada dua labu, yang satu lebih besar dari yang lain. Bawang Putih diminta untuk memilih labu yang diinginkannya. Karena Bawang Putih tidak serakah, ia memilih labu yang kecil. Setelah itu Bawang Putih kembali ke rumahnya.
Ibu tirinya dan Bawang Merah sangat marah karena Bawang Putih terlambat. Bawang Putih kemudian menceritakan apa yang terjadi. Ibu tirinya masih marah karena Bawang Putih terlambat dan hanya membawa satu labu kecil. Jadi, ibunya membanting labu itu ke tanah.
“Prakk…” dan labunya pun pecah.
Tapi aneh, ternyata dalam labu ada perhiasan emas yang indah dan berkilauan. Ibu tirinya dan Bawang Merah sangat terkejut. Mereka kemudian merasa akan menjadi sangat kaya jika memiliki perhiasan yang begitu banyak.
Tetapi karena keserakahannya, mereka malah berteriak pada Bawang Putih dan membentaknya kenapa Bawang Putih tak mengambil labu yang besar. Dalam pikiran Bawang Merah dan Ibunya, jika labu yang besar diambil, pasti mereka mendapatkan lebih banyak perhiasan.
Untuk memenuhi keserakahan mereka, Bawang Merah mengikuti langkah-langkah yang diceritakan oleh Bawang Putih. Ia rela menghanyutkan kain ibunya, berjalan di sepanjang sungai, bertanya pada orang-orang dan akhirnya datang ke gua tempat perempuan tua itu tinggal.
Namun, tidak seperti Bawang Putih, Bawang Merah menolak membantu perempuan tua itu untuk bekerja dan ia bahkan dengan arogan memerintahkan perempuan tua itu untuk memberinya labu yang lebih besar.
Perempuan tua itu memenuhi permintaan Bawang Merah memberikan labu yang besar untuk Bawang Merah.
Bawang merah dengan senang hati membawa labu besar yang diberikan perempuan tua, sambil membayangkan berapa banyak perhiasan yang ia akan dapatkan.
Sekembalinya ke rumah, Ibunya pun menyambut Bawang Merah. Tidak lama setelah itu, labunya dihancurkan ke tanah.
Bukan isi perhiasan, berbagai ular berbisa yang menakutkan keluar dari dalam labu. Bawang Merah dan Ibu tiri akhirnya menyadari apa yang mereka lakukan selama ini salah, dan meminta Bawang Putih untuk memaafkan mereka.
(sumber cerita: popmama.com)
Pesan moral:
- Jadilah anak yang rajin
- Sifat serakah tidak akan membuat bahagia dan akan membawa kesusahan di masa datang
- Apabila kita berbuat baik, maka Tuhan akan selalu menolong kita. Sementara orang yang suka berbuat jahat, pasti akan mendapat balasannya.
—
Nah, itulah penjelasan mengenai dongeng, mulai dari pengertian, ciri-ciri, fungsi, jenis, hingga contohnya. Gimana, seru banget ‘kan pembahasan kita kali ini? Pasti kamu jadi nostalgia mengingat-ingat dongeng di masa kecil dulu? Mau tahu lebih dalam tentang dongeng atau cerita rakyat lainnya? Kamu bisa langsung lihat pembahasannya dengan video beranimasi di ruangbelajar!
Referensi:
Pengertian dongeng [daring]. Tautan: https://kbbi.kemdikbud.go.id/entri/dongeng (Diakses: 14 Maret 2022)
Mengenal Dongeng, mulai dari Pengertian hingga Unsur Pembentuknya [daring]. Tautan: https://bobo.grid.id/read/082701106/mengenal-dongeng-mulai-dari-pengertian-hingga-unsur-pembentuknya?page=all (Diakses: 14 Maret 2022)
Yuk, Mengenal Apa yang Dimaksud dengan Dongeng [daring]. Tautan: https://mediaindonesia.com/humaniora/458447/yuk-mengenal-apa-yang-dimaksud-dengan-dongeng (Diakses: 14 Maret 2022)
Dongeng: Ciri, Struktur dan Jenisnya [daring]. Tautan: https://www.detik.com/edu/detikpedia/d-5812672/dongeng-ciri-struktur-dan-jenisnya (Diakses: 14 Maret 2022)
Fakta Sebenarnya Batu Malin Kundang di Padang [daring]. Tautan: https://bekasi.pikiran-rakyat.com/pendidikan/pr-121858337/batu-malin-kundang-di-padang-ternyata-bukan-karena-dikutuk-ibunya-begini-fakta-sebenarnya (Diakses: 14 Maret 2022)
Cerita Malin Kundang [daring]. Tautan: https://dongengceritarakyat.com/legenda-cerita-malin-kundang-asli/ (Diakses: 14 Maret 2022)
Cerita Bawang Merah dan Bawang Putih [daring]. Tautan: https://www.popmama.com/kid/4-5-years-old/jemima/dongeng-anak-nusantara-bawang-merah-dan-bawang-putih/7 (Diakses: 14 Maret 2022)
<!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>Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh</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="Suka membaca dongeng? Yuk, cari tahu penjelasan lengkap tentang cerita dongeng mulai dari pengertian, jenis, ciri-ciri, fungsi, unsur, struktur, dan contohnya." />
<link rel="canonical" href="https://www.ruangguru.com/blog/dongeng" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh" />
<meta property="og:description" content="Suka membaca dongeng? Yuk, cari tahu penjelasan lengkap tentang cerita dongeng mulai dari pengertian, jenis, ciri-ciri, fungsi, unsur, struktur, dan contohnya." />
<meta property="og:url" content="https://www.ruangguru.com/blog/dongeng" />
<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="2026-01-08T06:00:00+00:00" />
<meta property="article:modified_time" content="2026-01-13T13:31:40+00:00" />
<meta name="author" content="Shabrina Alfari" />
<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="Shabrina Alfari" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="11 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/dongeng","url":"https://www.ruangguru.com/blog/dongeng","name":"Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/dongeng#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/dongeng#primaryimage"},"thumbnailUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/FAKTA%20SERU%20Mengenal%20Dongeng_HEADER%201.jpg","datePublished":"2026-01-08T06:00:00+00:00","dateModified":"2026-01-13T13:31:40+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/af6350034b171a1408a571ed11ae0248"},"description":"Suka membaca dongeng? Yuk, cari tahu penjelasan lengkap tentang cerita dongeng mulai dari pengertian, jenis, ciri-ciri, fungsi, unsur, struktur, dan contohnya.","breadcrumb":{"@id":"https://www.ruangguru.com/blog/dongeng#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/dongeng"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/dongeng#primaryimage","url":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/FAKTA%20SERU%20Mengenal%20Dongeng_HEADER%201.jpg","contentUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/hs/FAKTA%20SERU%20Mengenal%20Dongeng_HEADER%201.jpg"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/dongeng#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh"}]},{"@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/af6350034b171a1408a571ed11ae0248","name":"Shabrina Alfari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/79094fae9fdc0a70f38fea8e648da0d97a5c1e687461905420034bf6e4ed550f?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/79094fae9fdc0a70f38fea8e648da0d97a5c1e687461905420034bf6e4ed550f?s=96&d=mm&r=g","caption":"Shabrina Alfari"},"description":"Content Writer and Content Performance at Ruangguru. Hope my writing finds you well and help you learn a thing or two! :D","url":"https://www.ruangguru.com/blog/author/shabrina-alfari"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh Comments Feed" href="https://www.ruangguru.com/blog/dongeng/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/2530" /><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=2530' />
<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%2Fdongeng" />
<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%2Fdongeng&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-2530 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">
Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/shabrina-alfari" class="">Shabrina Alfari</a> </p>
<p class="content-info"><span>January 8, 2026 • </span> <span>11 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p style="text-align: justify;"><em><i><img decoding="async" style="width: 820px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/FAKTA%20SERU%20Mengenal%20Dongeng_HEADER%201.jpg" alt="cerita dongeng" width="820" /></i></em></p>
<blockquote>
<p style="text-align: center;"><em><i>Suka membaca <strong>cerita dongeng</strong>? Yuk, cari tahu penjelasan lengkap tentang dongeng mulai dari pengertian, jenis-jenis, ciri-ciri, fungsi, unsur, struktur, dan contohnya.</i></em></p>
</blockquote>
<p style="text-align: center;"><em><i>—</i></em><i></i></p>
<p> </p>
<p style="text-align: justify;"><em><i>“Pada suatu hari……”</i></em></p>
<p style="text-align: justify;"><em><i>Hayo</i></em>, pasti kamu sangat familiar dengan potongan kalimat di atas ‘kan? <em><i>Yap</i></em>, bener banget. Itu merupakan salah satu contoh awalan dari sebuah cerita dongeng.</p>
<p style="text-align: justify;">Dongeng sudah menjadi bacaan atau cerita yang sering kita dengar saat beranjak dewasa. Tak hanya cerita khayalan, dongeng juga memiliki makna atau pesan tersirat untuk para pembacanya, yang kebanyakan adalah anak-anak.</p>
<p style="text-align: justify;">Namun, sebenarnya tahukah kamu apa itu dongeng? Lalu, seperti apa ciri-ciri dan manfaat dongeng? Simak penjelasannya beserta contoh dongeng paling terkenal di nusantara berikut ini, yuk!</p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Pengertian Dongeng</span></h2>
<p style="text-align: justify;">Mari kita mulai dengan pengertian dongeng menurut KBBI ya. Berdasarkan KBBI, <span style="font-weight: bold;">dongeng adalah sebuah cerita yang tidak benar-benar terjadi</span>, terutama kejadian di zaman dahulu yang aneh-aneh. Bisa disimpulkan bahwa, dongeng merupakan cerita rakyat yang<span style="font-weight: bold;"> fiktif atau khayalan</span> dengan <span style="font-weight: bold;">tema-tema yang imajinatif</span> dan sering tidak masuk akal.</p>
<p style="text-align: justify;">Cerita dongeng dapat berkaitan dengan kepercayaan masyarakat pada sesuatu yang bersifat supranatural dan diimplementasikan di kehidupan manusia sehari-hari. Biasanya dongeng melibatkan kejadian luar biasa yang membuat pembaca ikut merasakan suasana yang terjadi di dalam cerita.</p>
<p style="text-align: justify;">Kebanyakan cerita dongeng, baik itu lisan maupun tulisan, <span style="font-weight: bold;">tidak dapat dikenali siapa pengarangnya</span>. Hal ini dikarenakan banyak dongeng yang merupakan cerita turun temurun dari nenek moyang. Maka dari itu, dongeng digolongkan sebagai sastra lama yang sudah ada dari zaman dahulu.</p>
<p style="text-align: justify;">Cerita dongeng memang terkesan sebagai kejadian nyata yang benar-benar terjadi, padahal dongeng hanyalah fiksi yang imajinatif. Walaupun termasuk cerita khayalan, dongeng tetap menjadi hiburan yang menyenangkan dan memberi banyak dampak positif bagi anak karena banyak memuat pesan moral.</p>
<p style="font-weight: bold; text-align: justify;">Baca Juga: <a href="/blog/pengertian-jenis-dan-contoh-majas" rel="noopener">Pengertian Majas, Jenis, dan Contohnya, Lengkap!</a></p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/FAKTA%20SERU%20Mengenal%20Dongeng_INFOGRAFIK%201.jpg" alt="fakta tentang dongeng malin kundang" width="600" /></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Fungsi dan Manfaat Dongeng</span></h2>
<p style="text-align: justify;">Fungsi utama dari dongeng adalah sebagai <span style="font-weight: bold;">sarana hiburan</span> bagi para pendengar dan pembacanya. Namun, dongeng juga memiliki tujuan untuk <span style="font-weight: bold;">mewariskan nilai-nilai dan pesan moral</span> yang diyakini oleh masyarakat pada masa itu.</p>
<p style="text-align: justify;">Cerita dongeng kerap melukiskan sebuah sindiran atau kebenaran yang berisi pelajaran moral. Biasanya, ada dua tokoh dongeng yang menjadi fokus utama, yaitu tokoh baik dan jujur yang akan mendapat imbalan menyenangkan, dan tokoh jahat yang akan mendapat hukuman. Pasti kamu masih ingat kan cerita bawang merah dan bawah putih?</p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Ciri-Ciri Dongeng</span></h2>
<p style="text-align: justify;">Nah, dalam membuat cerita dongeng, kamu perlu tau dulu karakteristik teksnya. Berikut ciri-ciri dongeng yang bisa kamu pahami:</p>
<ul style="text-align: justify;">
<li>Ceritanya singkat,</li>
<li>Kalimat pembuka umumnya diawali dengan: <em>“pada zaman dahulu, pada masa silam, alkisah, pada suatu hari, dan sebagainya”,</em></li>
<li>Memiliki alur yang sederhana,</li>
<li>Karakter atau tokoh di dalam cerita biasanya tidak disampaikan dengan rinci,</li>
<li>Ada dua tokoh dengan watak yang berlawanan, yaitu baik dan jahat,</li>
<li>Ditulis dengan gaya penceritaan lisan,</li>
<li>Bersifat fiktif atau khayalan,</li>
<li>Ada versi yang berbeda-beda karena cara penyebarannya dari mulut ke mulut,</li>
<li>Mengandung pesan moral yang bisa dipelajari oleh pembaca atau pendengar,</li>
<li>Tidak diketahui dengan pasti siapa pengarangnya.</li>
</ul>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Unsur-Unsur Dongeng</span></h2>
<p style="text-align: justify;">Seperti jenis teks lainnya, cerita dongeng juga punya unsur-unsur pembentuknya, loh. Berikut unsur-unsur dongeng:</p>
<ul style="text-align: justify;">
<li>Tema: gagasan atau ide utama dari cerita dongeng.</li>
<li>Latar: keterangan suasana waktu dan ruang terjadinya suatu peristiwa.</li>
<li>Alur: peristiwa yang terjadi pada dongeng.</li>
<li>Tokoh: pelaku yang ada pada dongeng.</li>
<li>Penokohan: penampilan dan watak dari tiap tokoh yang ada di dalam cerita.</li>
<li>Amanat: pesan moral yang ingin disampaikan pada pembaca atau pendengar.</li>
</ul>
<p> </p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/FAKTA%20SERU%20Mengenal%20Dongeng_INFOGRAFIK%202.jpg" alt="unsur-unsur dongeng" width="600" /></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Jenis-Jenis Dongeng</span></h2>
<p style="text-align: justify;">Dongeng terbagi menjadi beberapa jenis, di antaranya:</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Fabel</span></h3>
<p style="text-align: justify;"><a style="font-weight: bold;" href="/blog/contoh-cerita-fabel" rel="noopener">Fabel</a> adalah cerita dongeng yang tokoh utamanya binatang tetapi memiliki watak dan perilaku seperti manusia. Fabel sering ditemukan pada kisah dongeng antara hewan, misalnya di hutan atau tempat-tempat lainnya.</p>
<p style="text-align: justify;">Contoh fabel: Si Kancil, Burung Gagak yang Cerdik, Kancil dan Buaya, Semut dan Belalang, Persahabatan Kelinci dan Monyet, Kura-Kura dan Kancil, dan sebagainya.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Legenda</span></h3>
<p style="text-align: justify;"><a style="font-weight: bold;" href="/blog/pengertian-ciri-serta-contoh-fabel-dan-legenda" rel="noopener">Legenda</a> merupakan cerita rakyat yang ada di kehidupan masyarakat dan berhubungan tentang suatu peristiwa. Peristiwa dalam cerita rakyat tersebut bisa melahirkan suatu asal usul suatu tempat, suatu nama daerah, atau hal-hal yang berkaitan dengan alam dan lingkungan sekitar.</p>
<p style="text-align: justify;">Contoh legenda: Tangkuban Perahu, Legenda Danau Toba, Batu Menangis, Candi Prambanan (Roro Jonggrang), Sangkuriang, dan sebagainya.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Mite atau Mitos</span></h3>
<p style="text-align: justify;">Mite atau yang lebih dikenal dengan mitos adalah jenis dongeng yang berhubungan dengan kepercayaan masyarakat terhadap hal yang tidak masuk akal. Biasanya, ceritanya akan berhubungan dengan makhlus halus, dewa-dewi, atau hal gaib lainnya.</p>
<p style="text-align: justify;">Contoh mite: Nyi Roro Kidul, Laweyan, Joko Tarub, dan sebagainya.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Sage</span></h3>
<p style="text-align: justify;">Sage adalah dongeng yang ceritanya mengisahkan tentang sejarah dari tokoh tertentu yang memiliki kebaikan, keberanian, kesaktian, dan kepahlawanan. Sage mengandung unsur sejarah yang telah bercampur dengan cerita fantasi rakyat.</p>
<p style="text-align: justify;">Contoh sage: Panji Laras, Calon Arang, Si Pitung, Lutung Kasarung, Airlangga, dan sebagainya.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. Parabel</span></h3>
<p style="text-align: justify;">Parabel adalah cerita yang mengandung nilai-nilai pendidikan, baik itu pendidikan agama, moral, atau pendidikan secara umum yang disampaikan secara tersirat.</p>
<p style="text-align: justify;">Contoh parabel: Sepasang Selop Putih, Damarwulan, Hikayat Bayan Budiman, Malin Kundang, dan sebagainya.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">6. Jenaka</span></h3>
<p style="text-align: justify;">Dongeng jenaka atau lelucon adalah cerita lucu yang diperankan oleh tokoh-tokohnya.</p>
<p style="text-align: justify;">Contoh jenaka: Si Kabayan, Pan Balang Tamak, Singa Rewa, dan sebagainya.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">7. Dongeng Biasa</span></h3>
<p style="text-align: justify;">Selain jenis-jenis di atas, ada juga dongeng biasanya yang umum diceritakan. Dongeng ini memuat cerita suka duka dan impian seseorang.</p>
<p style="text-align: justify;">Contoh dongeng biasa: Bawang Putih dan Bawang Merah, Cinderella, Ande-ande Lumut, dan sebagainya.</p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/FAKTA%20SERU%20Mengenal%20Dongeng_INFOGRAFIK%203.jpg" alt="jenis-jenis dongeng" width="600" /></p>
<p style="font-weight: bold; text-align: justify;">Baca Juga: <a href="/blog/penggunaan-tanda-baca-fungsi-dan-contohnya" rel="noopener">Penggunaan Tanda Baca, Fungsi, dan Contohnya, Lengkap!</a></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Contoh Dongeng beserta Pesan Moralnya</span></h2>
<h3 style="text-align: center;"><span style="font-size: 14pt;">Malin Kundang</span></h3>
<p style="text-align: justify;">Pada zaman dahulu, hiduplah seorang janda bersama seorang anak laki-laki, di perkampungan Pantai Air Manis, Padang Sumatera Barat.</p>
<p style="text-align: justify;">Perempuan itu bernama Mande Rubayah, sedangkan anak laki-lakinya bernama Malin Kundang. Sejak kanak-kanak, Malin Kundang sudah ditinggal mati ayahnya. Pada saat Malin menginjak dewasa, ada kapal besar berlabuh di Pantai Air Manis. Kedatangan kapal tersebut meneguhkan hatinya untuk 3pergi merantau.</p>
<p style="text-align: justify;">“Bu, saya ingin mencari kerja, merantau ke negeri orang,” kata Malin dengan suara lirih. “Belum tentu setahun sekali ada kapal besar merapat di pantai ini. Saya akan mencari kerja agar nasib kita berubah dan terbebas dari kemiskinan.” Meski dengan berat hati, akhirnya Mande Rubayah pun mengizinkan anaknya pergi.</p>
<p style="text-align: justify;">Hari berganti, bulan berjalan, dan tahun berbilang, Malin telah pergi meninggalkan kampungnya tanpa pernah memberi kabar kepada ibunya. Pada suatu hari, sebuah kapal besar berlabuh di pantai Air Manis. Melihat hal itu, Mande Rubayah ikut berdesakan mendekati kapal tersebut. Ia sangat yakin bahwa lelaki muda itu adalah Malin Kundang. Tanpa canggung, ia langsung memeluk Malin erat-erat, seolah takut kehilangan anaknya lagi. Lalu ia pun menyapa Malin dengan suara serak, karena menahan tangis bahagia.</p>
<p style="text-align: justify;">“Malin, anakku, mengapa begitu lamanya kau meninggalkan ibu?” Malin terpana karena ia tak percaya bahwa wanita itu adalah ibunya.</p>
<p style="text-align: justify;">Sebelum sempat berpikir, istrinya yang cantik itu berkata,”Cuih! Wanita buruk inikah ibumu? Mengapa kau membohongi aku?” Lalu dia berkata lagi. “Bukankah dulu kau katakan ibumu adalah seorang bangsawan sederajat dengan kami?”</p>
<p style="text-align: justify;">Mendengar kata-kata istrinya, Malin Kundang mendorong wanita tua itu hingga terguling ke pasir. Mande Rubayah berkata lagi, “Malin, Malin, anakku. Aku ini ibumu, Nak!” Malin Kundang tidak menghiraukan perkataan ibunya.</p>
<p style="text-align: justify;">“Hai, Perempuan tua! Ibuku tidak sepertimu, engkau tampak sangat miskin dan kotor!” kata si Malin sambil mendorong wanita tua itu hingga terkapar pingsan.</p>
<p style="text-align: justify;">Ketika Mande Rubayah sadar, Pantai Air Manis sudah sepi. Di laut dilihatnya kapal Malin semakin menjauh. Hatinya perih seperti ditusuk-tusuk. Tangannya ditengadahkan ke langit. Ia kemudian berseru, “Ya Allah, Yang Maha Kuasa, kalau dia bukan anakku, aku maafkan perbuatannya tadi. Tapi kalau memang benar dia anakku, Malin Kundang, aku mohon keadilan-Mu.”</p>
<p style="text-align: justify;">Tidak lama kemudian, cuaca di tengah laut yang tadinya cerah, mendadak berubah menjadi gelap. Entah bagaimana awalnya, tiba-tiba datanglah badai besar menghantam kapal Malin Kundang. Seketika kapal itu hancur berkeping-keping. Kemudian terempas ombak hingga ke pantai.</p>
<p style="text-align: justify;">Keesokan harinya, di kaki bukit terlihat kepingan kapal yang telah menjadi batu, itulah kapal Malin Kundang. Tak jauh dari tempat itu, nampaklah sebongkah batu yang menyerupai tubuh manusia. Konon, itulah tubuh Malin Kundang anak durhaka yang terkena kutukan ibunya menjadi batu. Di sela-sela batu itu, berenang-renang ikan teri, ikan belanak, dan ikan tenggiri.</p>
<p style="text-align: justify;"><em>(sumber cerita: dongengceritarakyat.com)</em></p>
<p style="text-align: justify;"><strong>Pesan moral: </strong></p>
<ul style="text-align: justify;">
<li>Sebagai anak kita tidak boleh menyakiti hati orang tua</li>
<li>Jangan sampai harta membuat kita lupa dengan asal-usul kita</li>
<li>Doa orang tua senantiasa diijabah oleh Yang Maha Kuasa</li>
<li>Berbohong akan mendatangkan keburukan</li>
</ul>
<p> </p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/FAKTA%20SERU%20Mengenal%20Dongeng_INFOGRAFIK%204.jpg" alt="struktur dongeng" width="600" /></p>
<p> </p>
<h3 style="text-align: center;"><span style="font-size: 14pt;">Bawang Merah dan Bawang Putih</span></h3>
<p style="text-align: justify;">Di sebuah desa, tinggalah seorang janda yang hidup dengan dua anak perempuannya yang memiliki wajah menawan, yaitu Bawang Merah dan Bawang Putih. Ayah kandung Bawang Putih yang juga suami dari ibu Bawang Merah telah meninggal dunia, jadi Bawang Putih adalah saudara tiri dari Bawang Merah.</p>
<p style="text-align: justify;">Bawang Merah dan Bawang Putih memiliki sifat karakter serta kepribadian yang berbeda. Bawang Putih memiliki sifat yang rajin, baik hati, jujur, dan rendah hati. Sementara, Bawang Merah memiliki sifat yang malas, sombong, iri hati.</p>
<p style="text-align: justify;">Kepribadian Bawang Merah yang malas juga diperburuk karena ibunya yang memanjakannya. Ibunya selalu memberi Bawang Merah apapun yang diinginkannya.</p>
<p style="text-align: justify;">Sedangkan Bawang Putih yang melakukan semua pekerjaan rumah, mencuci, memasak, membersihkan rumah, dan ia hanya melakukannya sendiri. Sementara itu, Bawang Merah dan ibunya hanya menghabiskan waktu untuk diri mereka sendiri.</p>
<p style="text-align: justify;">Ketika mereka membutuhkan sesuatu, mereka hanya meminta Bawang Putih. Bawang Putih tak pernah mengeluhkan nasib buruknya yang dia hadapi. Ia selalu melayani ibu tiri dan saudara perempuannya dengan gembira.</p>
<p style="text-align: justify;">Suatu hari, Bawang Putih, mencuci baju ibu tiri dan Bawang Merah di sungai. Bawang Putih tak menyadari jika sepotong kain milik ibunya hanyut di sungai. Ia pun merasa sedih, berpikir jika kain itu tidak ditemukan, ia akan disalahkan, dihukum, atau diusir dari rumah.</p>
<p style="text-align: justify;">Karena takut kain ibunya tidak bisa ditemukan, Bawang Putih terus mencari dan berjalan di sepanjang sungai. Setiap kali ia melihat seseorang di tepi sungai, dia selalu bertanya tentang kain ibunya yang hanyut, tetapi semua orang tak melihat di mana kain itu.</p>
<p style="text-align: justify;">Akhirnya Bawang Putih sampai ke suatu tempat di mana sungai itu mengalir ke sebuah gua. Anehnya, ia melihat ada seorang perempuan yang sangat tua di dalam gua tersebut. Bawang Putih pun bertanya pada perempuan tua itu jika ia melihat kain milik ibunya.</p>
<p style="text-align: justify;">Perempuan tua itu tahu di mana kain itu, tapi ia memberi syarat sebelum menyerahkannya ke Bawang Putih. Syaratnya ia harus bekerja membantu perempuan itu. Karena sebelumnya ia terbiasa bekerja keras, hingga ia bersedia membantu perempuan tua itu.</p>
<p style="text-align: justify;">Saat hari sudah sore, Bawang Putih pun mengucapkan selamat tinggal pada perempuan tua kemudian perempuan itu juga menyerahkan kain padanya. Karena kebaikan Bawang Putih, perempuan tua itu menawarkan hadiah labu.</p>
<p style="text-align: justify;">Ada dua labu, yang satu lebih besar dari yang lain. Bawang Putih diminta untuk memilih labu yang diinginkannya. Karena Bawang Putih tidak serakah, ia memilih labu yang kecil. Setelah itu Bawang Putih kembali ke rumahnya.</p>
<p style="text-align: justify;">Ibu tirinya dan Bawang Merah sangat marah karena Bawang Putih terlambat. Bawang Putih kemudian menceritakan apa yang terjadi. Ibu tirinya masih marah karena Bawang Putih terlambat dan hanya membawa satu labu kecil. Jadi, ibunya membanting labu itu ke tanah.</p>
<p style="text-align: justify;">“Prakk…” dan labunya pun pecah.</p>
<p style="text-align: justify;">Tapi aneh, ternyata dalam labu ada perhiasan emas yang indah dan berkilauan. Ibu tirinya dan Bawang Merah sangat terkejut. Mereka kemudian merasa akan menjadi sangat kaya jika memiliki perhiasan yang begitu banyak.</p>
<p style="text-align: justify;">Tetapi karena keserakahannya, mereka malah berteriak pada Bawang Putih dan membentaknya kenapa Bawang Putih tak mengambil labu yang besar. Dalam pikiran Bawang Merah dan Ibunya, jika labu yang besar diambil, pasti mereka mendapatkan lebih banyak perhiasan.</p>
<p style="text-align: justify;">Untuk memenuhi keserakahan mereka, Bawang Merah mengikuti langkah-langkah yang diceritakan oleh Bawang Putih. Ia rela menghanyutkan kain ibunya, berjalan di sepanjang sungai, bertanya pada orang-orang dan akhirnya datang ke gua tempat perempuan tua itu tinggal.</p>
<p style="text-align: justify;">Namun, tidak seperti Bawang Putih, Bawang Merah menolak membantu perempuan tua itu untuk bekerja dan ia bahkan dengan arogan memerintahkan perempuan tua itu untuk memberinya labu yang lebih besar.</p>
<p style="text-align: justify;">Perempuan tua itu memenuhi permintaan Bawang Merah memberikan labu yang besar untuk Bawang Merah.</p>
<p style="text-align: justify;">Bawang merah dengan senang hati membawa labu besar yang diberikan perempuan tua, sambil membayangkan berapa banyak perhiasan yang ia akan dapatkan.</p>
<p style="text-align: justify;">Sekembalinya ke rumah, Ibunya pun menyambut Bawang Merah. Tidak lama setelah itu, labunya dihancurkan ke tanah.</p>
<p style="text-align: justify;">Bukan isi perhiasan, berbagai ular berbisa yang menakutkan keluar dari dalam labu. Bawang Merah dan Ibu tiri akhirnya menyadari apa yang mereka lakukan selama ini salah, dan meminta Bawang Putih untuk memaafkan mereka.</p>
<p style="text-align: justify;"><em>(sumber cerita: popmama.com)</em></p>
<p style="text-align: justify;"><strong>Pesan moral:</strong></p>
<ul style="text-align: justify;">
<li>Jadilah anak yang rajin</li>
<li>Sifat serakah tidak akan membuat bahagia dan akan membawa kesusahan di masa datang</li>
<li>Apabila kita berbuat baik, maka Tuhan akan selalu menolong kita. Sementara orang yang suka berbuat jahat, pasti akan mendapat balasannya.</li>
</ul>
<p> </p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;">Nah, itulah penjelasan mengenai dongeng, mulai dari pengertian, ciri-ciri, fungsi, jenis, hingga contohnya. Gimana, seru banget ‘kan pembahasan kita kali ini? Pasti kamu jadi nostalgia mengingat-ingat dongeng di masa kecil dulu? Mau tahu lebih dalam tentang dongeng atau cerita rakyat lainnya? Kamu bisa langsung lihat pembahasannya dengan video beranimasi di <a id="__hsNewLink" href="https://www.ruangguru.com/ruangbelajar" target="_blank" rel="noopener"><strong>ruangbelajar</strong></a>!</p>
<p><a href="https://bayar.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3260f88-1749-4d3b-8973-be3aae07a94c.jpg" alt="CTA Ruangguru" /></a></p>
<p style="text-align: justify;"><strong>Referensi:</strong></p>
<p style="text-align: left;">Pengertian dongeng [daring]. Tautan: <u>https://kbbi.kemdikbud.go.id/entri/dongeng</u> (Diakses: 14 Maret 2022)</p>
<p style="text-align: left;">Mengenal Dongeng, mulai dari Pengertian hingga Unsur Pembentuknya [daring]. Tautan: <u>https://bobo.grid.id/read/082701106/mengenal-dongeng-mulai-dari-pengertian-hingga-unsur-pembentuknya?page=all</u> (Diakses: 14 Maret 2022)</p>
<p style="text-align: left;">Yuk, Mengenal Apa yang Dimaksud dengan Dongeng [daring]. Tautan: <u>https://mediaindonesia.com/humaniora/458447/yuk-mengenal-apa-yang-dimaksud-dengan-dongeng</u> (Diakses: 14 Maret 2022)</p>
<p style="text-align: left;">Dongeng: Ciri, Struktur dan Jenisnya [daring]. Tautan: <u>https://www.detik.com/edu/detikpedia/d-5812672/dongeng-ciri-struktur-dan-jenisnya</u> (Diakses: 14 Maret 2022)</p>
<p style="text-align: left;">Fakta Sebenarnya Batu Malin Kundang di Padang [daring]. Tautan: <u>https://bekasi.pikiran-rakyat.com/pendidikan/pr-121858337/batu-malin-kundang-di-padang-ternyata-bukan-karena-dikutuk-ibunya-begini-fakta-sebenarnya</u> (Diakses: 14 Maret 2022)</p>
<p style="text-align: left;">Cerita Malin Kundang [daring]. Tautan: <u>https://dongengceritarakyat.com/legenda-cerita-malin-kundang-asli/</u> (Diakses: 14 Maret 2022)</p>
<p style="text-align: left;">Cerita Bawang Merah dan Bawang Putih [daring]. Tautan: <u>https://www.popmama.com/kid/4-5-years-old/jemima/dongeng-anak-nusantara-bawang-merah-dan-bawang-putih/7</u> (Diakses: 14 Maret 2022)</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.ruangguru.com/landing-pages/assets/3d54880f-0d74-4691-bb3e-4e0acaf3bd1d.png" alt="">
<div>
<h5 class="author-title">Shabrina Alfari</h5>
<p class="author-description">Content Writer and Content Performance at Ruangguru. Hope my writing finds you well and help you learn a thing or two! :D</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=Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/dongeng"><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/dongeng&quote=Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh"> <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=Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh&url=https://www.ruangguru.com/blog/dongeng"> <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/dongeng&title=Pengertian Dongeng, Jenis, Ciri, Fungsi, Unsur & Contoh"><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 = 2530;
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>