Di masa kini, Tiongkok dikenal sebagai negara maju yang memiliki inovasi sangat tinggi di bidang teknologi. Ternyata, Tiongkok memang sudah eksis sejak zaman kuno. Seperti apa ya sejarahnya? Yuk simak artikel Sejarah kelas 10 berikut ini!
—
Kamu pernah kepikiran nggak sih kalau peradaban Tiongkok kuno itu ternyata salah satu yang paling hebat sepanjang sejarah manusia? Di saat banyak daerah lain masih berburu dan meramu, mereka sudah membangun kota, membuat tulisan, dan bahkan punya sistem pemerintahan.
Bayangkan aja, ribuan tahun lalu peradaban ini sudah memiliki teknologi dan pengetahuan yang maju. Makanya nggak heran kalau pengaruh peradaban Tiongkok kuno masih terasa sampai zaman sekarang.
Peradaban Tiongkok kuno berkembang di lembah Sungai Kuning (Huang Ho) dan lembah Sungai Panjang (Sungai Yangtze), yang subur dan cocok untuk pertanian. Lingkungan ini sangat mendukung terbentuknya masyarakat yang menetap, berladang, dan akhirnya membentuk kota serta pemerintahan.
Dari sinilah awal mula berdirinya dinasti-dinasti besar yang punya pengaruh kuat dalam sejarah dunia. Yuk, kita telusuri lebih dalam tentang berbagai aspek penting dari peradaban ini!
Baca Juga: Peradaban Yunani Kuno: Sejarah, Raja, dan Peninggalannya | Sejarah Kelas 10
Apa itu Peradaban Tiongkok Kuno?
Guys, mungkin kalian bingung, kenapa disebut peradaban “kuno”, padahal Cina atau Tiongkok masih ada sampai sekarang? Jadi, yang dimaksud peradaban Tiongkok Kuno adalah masa sebelum berdirinya Dinasti Qin, yang jadi awal zaman kekaisaran terpusat.
Periode ini mencakup dinasti-dinasti awal yang jadi pondasi lahirnya budaya dan sistem negara Tiongkok. Nah, untuk lebih mengetahuinya, kita harus mulai dari dimana sih asal mula peradaban Tiongkok kuno ini, yuk mulai satu persatu!
Kondisi Geografis dan Lingkungan Alam
Kamu tahu nggak sih kalau peradaban Tiongkok kuno sebenarnya dimulai sejak 10.000 tahun yang lalu? Awalnya, nenek moyang bangsa Tiongkok disebut berasal dari Timur Afrika dan bermigrasi ke Asia Tenggara. Mereka menetap di sekitar Lembah Sungai Kuning yang subur dan akhirnya membentuk masyarakat agraris sejak zaman Neolitikum.
Peradaban Tiongkok kuno berkembang di dataran subur di sekitar Sungai Kuning dan Sungai Yangtze. Kedua sungai ini memberikan air yang melimpah dan tanah yang cocok banget buat pertanian. Tapi, Sungai Kuning juga sering banjir besar yang kadang menghancurkan pemukiman warga.
Meskipun begitu, lumpur yang mengendap pasca banjir justru menyuburkan tanah. Makanya, masyarakat waktu itu juga harus pintar-pintar mengelola alam sekitar mereka.
Lingkungan geografis seperti Sungai Huang He dan Yangtze sangat mendukung pertanian dan perdagangan. Di masa awal, banyak temuan arkeologis dari situs seperti Banpo dan Damai Di membuktikan bahwa masyarakat Tiongkok sudah punya sistem budaya dan kepercayaan yang maju.
Bahkan, dari wilayah inilah mulai muncul budaya menanam padi, menyimpan makanan, dan membangun irigasi. Peradaban ini terus berkembang lewat empat dinasti awal yang penting; Dinasti Xia, Zhou, Qin, dan Han.
Secara geografis Tiongkok kuno dikelilingi gunung, padang pasir, dan laut yang membuat mereka agak terisolasi. Tapi justru karena isolasi ini, karakteristik peradaban Tiongkok kuno bisa berkembang secara unik dan mandiri.
Mereka nggak banyak terpengaruh budaya luar di awal-awal, tapi tetap terbuka lewat jalur perdagangan seperti Jalur Sutra. Jadi meskipun terpisah, mereka tetap bisa berhubungan dengan dunia luar.
Iklim di wilayah Tiongkok kuno juga bervariasi banget lho, dari yang dingin banget di utara sampai panas dan lembap di selatan. Hal ini bikin mereka mengembangkan cara hidup dan arsitektur rumah yang beda-beda sesuai wilayahnya. Misalnya, rumah panggung di selatan untuk menghadapi banjir, dan rumah beratap rendah di utara buat menahan dingin. Lingkungan bener-bener berperan besar dalam membentuk budaya mereka.
Guys, kekayaan alam seperti tembaga, besi, dan kayu bikin peradaban Tiongkok Kuno jadi lebih maju dalam teknologi. Mereka udah bisa bikin alat dari logam sejak zaman Dinasti Shang, termasuk peralatan perang dan bejana ritual. Semua itu menunjukkan betapa majunya kemampuan metalurgi mereka. Ngga heran kalau banyak peninggalan Tiongkok kuno berupa artefak logam yang indah banget!
Baca Juga: Sejarah Peradaban India Kuno beserta Peninggalannya | Sejarah Kelas 11
Sistem Sosial-Politik dan Dinasti-Dinasti Penting
Ada banyak sekali kerajaan yang berjaya dan runtuh di dalam masa perjalanan perkembangan masyarakat Tiongkok kuno ini. Kamu harus tahu pembagian masa kerajaan yang memiliki peran penting masing-masing dalam membangun peradaban.
Berikut adalah urutan dinasti yang harus kamu ketahui!
Urutan Dinasti pada Peradaban Tiongkok Kuno
Berikut urutan dinasti dalam peradaban Tiongkok kuno:
-
Dinasti Xia (2600–1600 SM)
-
Dinasti Shang (1600–1046 SM)
-
Dinasti Zhou (1046–256 SM)
-
Dinasti Qin (221-206 SM)
-
Dinasti Han (206 SM – 220 M)
Nah, dari semua dinasti itu, Dinasti Zhou adalah yang paling lama memerintah, lho. Di era Zhou ini juga muncul konsep Mandate of Heaven, alias “mandat langit”, yang nanti bakal kita bahas di bagian politik. Berikut adalah penjelasan dari urutan dinasti pada peradaban Tiongkok kuno!
1. Dinasti Xia ± (2600-1600 SM)
Dinasti Xia adalah dinasti pertama yang tercatat dalam sejarah peradaban Tiongkok Kuno. Dinasti ini dipimpin oleh Yu yang Agung atau Yu the Great yang terkenal karena jasanya mengendalikan banjir besar dengan membangun kanal. Mereka menetap di Lembah Sungai Kuning dan membentuk sistem pemerintahan monarki awal yang dibagi menjadi sembilan provinsi.
Pada masa ini, masyarakat hidup dari pertanian dan barter. Mereka sudah mengenal sistem irigasi, membuat anggur dan tembikar, serta menciptakan kalender pertanian pertama. Struktur sosialnya terbagi dalam empat kelas: raja, bangsawan, petani, dan buruh. Sayangnya, Dinasti Xia berakhir karena kekejaman Raja Jie dan digulingkan oleh Suku Shang, sehingga muncullah Dinasti Shang.
2. Dinasti Shang ±(1600-1046 SM)
Guys, Dinasti Shang (1600–1046 SM) adalah salah satu dinasti awal yang meninggalkan bukti tertulis berupa tulang ramalan. Mereka punya raja yang dianggap sebagai pemimpin politik sekaligus spiritual.
Selama berkuasa, Dinasti Shang membentuk dua departemen penting, yaitu departemen sekretariat urusan negara dan departemen tata hukum negara. Lah, terus kaisar ngapain?
Jadi, dalam sistem pemerintahan Dinasti Shang, kaisar dianggap sebagai wakil para dewa. Makannya, kaisar dinilai tidak boleh terlibat langsung dalam urusan politik praktis. Makannya, dua departemen tadi dibentuk untuk menjalankan sistem pemerintahan.
Selain itu, di masa dinasti ini, masyarakat Tiongkok juga mengalami kemajuan di berbagai bidang, seperti pertanian, peternakan, pengolahan perunggu, dan pembuatan atau porselen, yang banyak di antaranya menjadi peninggalan dari era Tiongkok kuno.
Masyarakatnya terbagi ke dalam kelas-kelas seperti bangsawan, prajurit, petani, dan budak. Salah satu peninggalan Tiongkok kuno dari masa ini adalah bejana perunggu yang detail banget dan keren abis!
3. Dinasti Zhou ± (1046–256 SM)
Dinasti Zhou adalah dinasti terlama dalam peradaban Tiongkok kuno yang bertahan hampir 800 tahun! Dinasti ini memperkenalkan konsep Mandat Surga—suatu kepercayaan bahwa kekuasaan seorang kaisar berasal dari langit. Pemerintahan mereka bersifat feodal, mirip kerajaan-kerajaan Eropa pada Abad Pertengahan, di mana wilayah-wilayah dikuasai oleh bangsawan yang loyal pada kaisar.
Zhou juga menjadi masa lahirnya tiga filsuf besar: Laozi (Taoisme), Kong Fuzi alias Konfusius (Konfusianisme), dan Mengzi (filsuf rakyat). Pemikiran mereka menjadi dasar karakteristik peradaban Tiongkok kuno yang menjunjung moral, keseimbangan, dan hubungan harmonis.
Pada masa ini, muncul pula pembagian periode seperti Spring and Autumn serta Warring States, yang menjadi era penuh konflik antarnegara namun juga kaya akan perkembangan budaya dan politik.
4. Dinasti Qin ± (221-206 SM)
Kaisar Qin Shi Huang adalah tokoh penting yang menyatukan Tiongkok untuk pertama kalinya di tahun 221 SM. Dari sinilah nama “Cina” berasal, loh! Dinasti Qin sangat berpengaruh meskipun hanya bertahan singkat. Mereka memusatkan pemerintahan, menetapkan sistem hukum yang ketat, dan membangun banyak infrastruktur penting, termasuk Tembok Besar Tiongkok dan kanal-kanal irigasi.
Qin Shi Huang juga membangun makam megah yang dijaga oleh ribuan Tentara Terakota—pasukan patung tanah liat yang terkenal di dunia. Sayangnya, kekuasaan absolut dan sifat kejam kaisar membuatnya dibenci rakyat. Setelah wafatnya, Dinasti Qin runtuh akibat pemberontakan dan digantikan oleh Dinasti Han.
5. Dinasti Han ± (206 SM-220M)
Dinasti Han dikenal sebagai masa keemasan peradaban Tiongkok Kuno. Kaisar Han pertama, Liu Bang, datang dari kalangan rakyat biasa dan mendirikan pemerintahan yang efisien dan toleran.
Dinasti ini memperluas wilayah hingga Asia Tengah dan memperkenalkan Jalur Sutra, jalur perdagangan penting yang menghubungkan Tiongkok dengan dunia Barat.
Baca Juga: Jalur Rempah Nusantara: Pengertian, Sejarah, dan Pengaruhnya | Sejarah Kelas 10
Di bidang budaya, mereka menghasilkan seni, lukisan, kaligrafi, dan karya sastra seperti Shiji dan Chuci. Sistem pendidikan dan birokrasi dikembangkan berdasarkan ajaran Konfusius, dan wilayah administratif dibagi menjadi 36 provinsi. Dengan stabilitas politik dan ekonomi yang mantap, Han jadi simbol kejayaan klasik Tiongkok yang dikenang hingga sekarang.
Sistem Kepercayaan dan Religi
Guys, peradaban Tiongkok kuno punya kepercayaan yang sangat beragam dan dalam banget maknanya. Mereka percaya pada roh leluhur yang bisa membawa berkah atau bencana, jadi sering banget bikin ritual persembahan.
Konfusianisme, Taoisme, dan Buddhisme adalah tiga ajaran utama yang mempengaruhi cara hidup mereka. Ketiganya saling melengkapi dan membentuk identitas budaya yang unik.
Konfusianisme ngajarin pentingnya moral, tata krama, dan hubungan antar manusia yang harmonis. Ajaran ini bikin rakyat lebih disiplin dan menghormati struktur sosial. Taoisme ngajarin hidup selaras dengan alam, nggak terlalu ambisius, dan menerima keadaan. Sedangkan Buddhisme mengajarkan jalan untuk lepas dari penderitaan, dan memberi harapan kehidupan setelah mati.
Perpaduan ketiga ajaran ini bikin karakteristik peradaban Tiongkok kuno jadi lebih dalam dan filosofis. Agama dan kepercayaan bukan cuma soal upacara, tapi juga cara hidup sehari-hari. Mereka percaya keseimbangan dalam hidup itu penting banget, makanya simbol Yin-Yang jadi sangat terkenal. Sampai sekarang, ajaran-ajaran ini masih dipelajari di seluruh dunia!
Corak Peradaban Tiongkok Kuno
Sekarang kita bahas karakteristik peradaban ini dari berbagai sisi, ya guys. Mulai dari sistem politik, ekonomi, budaya, sampai teknologi.
Corak Politik
Guys, sejak zaman kuno, Cina sudah menganut bentuk pemerintahan kesatuan yang disebut sistem feodalisme. Dalam sistem ini, ada hubungan timbal balik antara rakyat biasa dan bangsawan atau pemimpin wilayah.
Di masa Dinasti Zhou, muncul konsep Mandate of Heaven, di mana kaisar dianggap mendapat restu dari langit untuk memerintah. Jadi kalau raja bertindak semena-mena, rakyat boleh menggulingkannya karena dianggap nggak lagi direstui oleh langit.
Corak Ekonomi
Kalau urusan ekonomi, peradaban Tiongkok Kuno dikenal sebagai masyarakat agraris. Mereka tinggal di sekitar sungai besar dan cocok banget untuk bertani. Tanaman utama mereka adalah beras, kedelai, teh, dan pohon murbei untuk ulat sutra. Jadi nggak heran kalau Cina dari dulu sudah dikenal sebagai penghasil teh dan sutra terbaik di dunia.
Corak Sosial dan Budaya
Dalam hal budaya, peradaban Tiongkok Kuno termasuk masyarakat multikultural yang terbuka pada perbedaan. Mereka menghormati leluhur dan menjalankan banyak ritual untuk menghormati arwah keluarga.
Selain kepercayaan tradisional, muncul juga agama seperti Taoisme, Konghucu, dan Buddha yang menyatu dengan budaya lokal. Mereka juga mengembangkan aksara piktograf, yaitu tulisan yang bentuknya menyerupai gambar benda.
Corak Sains dan Teknologi
Guys, kalau bicara soal teknologi, peradaban Tiongkok Kuno itu jagonya! Mulai dari obat herbal, akupuntur, sampai feng shui, semua berasal dari pengetahuan tradisional mereka.
Selain itu, mereka juga menemukan kertas, keramik porselen, kompas, dan bubuk mesiu. Penemuan-penemuan ini punya dampak besar banget ke dunia, bahkan sampai sekarang masih dipakai.
Hasil Budaya dan Teknologi
Salah satu peninggalan Tiongkok kuno yang paling ikonik tentu saja Tembok Besar Cina. Dibangun selama berabad-abad, tembok ini adalah simbol pertahanan, kekuatan, dan ketekunan bangsa Tiongkok. Panjangnya ribuan kilometer dan dibangun dengan kerja keras jutaan orang.
Nggak heran kalau sekarang jadi salah satu keajaiban dunia. Berikut peninggalan Budaya dan Teknologi selain Tembok Besar Cina ya!
Teknologi
Teknologi dan ilmu pengetahuan di peradaban Tiongkok Kuno juga luar biasa maju. Mereka menemukan kompas, bubuk mesiu, dan teknik percetakan yang jadi cikal bakal revolusi industri dunia. Tanpa penemuan-penemuan ini, mungkin dunia kita sekarang nggak semaju ini. Makanya, banyak ilmuwan modern yang mengagumi kecanggihan mereka.
Seni
Dalam bidang seni, mereka jago banget bikin keramik, lukisan, dan kaligrafi. Teknik glasir pada keramik mereka jadi inspirasi di berbagai negara. Puisi-puisi dari masa Dinasti Tang juga menunjukkan kedalaman rasa dan pikiran mereka. Karya seperti “Seni Perang” dari Sun Tzu sampai sekarang masih relevan lho!
Peradaban Tiongkok kuno memang luar biasa dalam banyak hal—dari struktur sosial, teknologi, hingga filosofi hidup. Warisan mereka masih bisa kita lihat dan pelajari sampai sekarang, baik dalam festival, bangunan, maupun nilai-nilai budaya. Peradaban Tiongkok kuno berkembang di wilayah yang kaya dan strategis, yang jadi pondasi semua pencapaian mereka. Yuk, terus belajar dan gali inspirasi dari sejarah hebat ini!
Baca Juga: Revolusi Tiongkok: Latar Belakang, Proses Terjadinya Revolusi & Dampak | Sejarah Kelas 11
—
Gimana, keren banget kan kisah dan warisan dari peradaban Tiongkok kuno ini? Kalau kalian suka belajar sejarah kayak gini, jangan ragu buat terus eksplor ya! Siapa tahu, kalian bisa nemuin filosofi atau pelajaran hidup dari masa lalu yang bisa bikin masa depan lebih baik.
Perjalanan sejarah Tiongkok kuno benar-benar luar biasa, ya. Semuanya menunjukkan betapa kaya dan kompleksnya peradaban ini. Nilai-nilai yang lahir dari masa lalu Tiongkok, seperti disiplin, etika, dan inovasi, masih terasa pengaruhnya bahkan sampai hari ini.
Belajar sejarah itu bukan cuma soal menghafal tanggal dan nama, tapi juga soal memahami bagaimana masa lalu membentuk dunia kita sekarang. Kalau kamu pengen makin paham sejarah, nggak cuma Tiongkok tapi juga topik-topik penting lainnya, langsung aja kepoin ruangbelajar.
Di sana kamu bisa belajar dengan cara yang seru, interaktif, dan pastinya bikin makin paham. Yuk, terus asah pengetahuan kamu dan jadi generasi yang ngerti sejarah, bukan cuma sekadar hapal!
Referensi:
Rustamana, Agus, dkk. 2023. PERKEMBANGAN AWAL PERADABAN CHINA PADA MASA DINASTI. Jurnal Sejarah dan Pengajarannya. Vol 2 No. 2 pp. 1-17
Filsafat Tiongkok Kuno (Daring). Tautan: https://www.worldhistory.org/trans/id/1-11673/filsafat-tiongkok-kuno/ Diakses tanggal 25 April 2025.
Peradaban Tiongkok Kuno: Bentuk Pemerintahan (Daring). Tautan: https://www.sman2-tp.sch.id/read/giatinfo/1088/peradaban-tiongkok-kuno-bentuk-pemerintahan Diakses tanggal 25 2025
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="viewport" content="Ruangguru Tech Team">
<title>Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10</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="Tiongkok dikenal sebagai negara maju yang memiliki inovasi di bidang teknologi. Tiongkok memang sudah eksis sejak zaman kuno, lho. Seperti apa ya sejarahnya?" />
<link rel="canonical" href="https://www.ruangguru.com/blog/peradaban-tiongkok-kuno" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10" />
<meta property="og:description" content="Tiongkok dikenal sebagai negara maju yang memiliki inovasi di bidang teknologi. Tiongkok memang sudah eksis sejak zaman kuno, lho. Seperti apa ya sejarahnya?" />
<meta property="og:url" content="https://www.ruangguru.com/blog/peradaban-tiongkok-kuno" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2025-05-06T06:48:16+00:00" />
<meta property="article:modified_time" content="2025-05-06T10:15:06+00:00" />
<meta name="author" content="Ringgana Wandy Wiguna" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Ringgana Wandy Wiguna" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="11 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/peradaban-tiongkok-kuno","url":"https://www.ruangguru.com/blog/peradaban-tiongkok-kuno","name":"Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/peradaban-tiongkok-kuno#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/peradaban-tiongkok-kuno#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/b55b5101-1b32-4149-9564-0462c010c35b.png","datePublished":"2025-05-06T06:48:16+00:00","dateModified":"2025-05-06T10:15:06+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/d258ac11457d3dc99953aef5aabc2165"},"description":"Tiongkok dikenal sebagai negara maju yang memiliki inovasi di bidang teknologi. Tiongkok memang sudah eksis sejak zaman kuno, lho. Seperti apa ya sejarahnya?","breadcrumb":{"@id":"https://www.ruangguru.com/blog/peradaban-tiongkok-kuno#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/peradaban-tiongkok-kuno"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/peradaban-tiongkok-kuno#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/b55b5101-1b32-4149-9564-0462c010c35b.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/b55b5101-1b32-4149-9564-0462c010c35b.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/peradaban-tiongkok-kuno#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/d258ac11457d3dc99953aef5aabc2165","name":"Ringgana Wandy Wiguna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Ringgana Wandy Wiguna"},"url":"https://www.ruangguru.com/blog/author/ringgana-wandy-wiguna"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10 Comments Feed" href="https://www.ruangguru.com/blog/peradaban-tiongkok-kuno/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/23080" /><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=23080' />
<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%2Fperadaban-tiongkok-kuno" />
<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%2Fperadaban-tiongkok-kuno&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-23080 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/sejarah">Sejarah</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Sejarah SMA Kelas 10</a></li> </ol>
</nav>
<h1 class="content-title">
Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/ringgana-wandy-wiguna" class="">Ringgana Wandy Wiguna</a> </p>
<p class="content-info"><span>May 6, 2025 • </span> <span>11 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b55b5101-1b32-4149-9564-0462c010c35b.png" alt="Peradaban Tiongkok Kuno" /></p>
<p style="text-align: center;"><em>Di masa kini, Tiongkok dikenal sebagai negara maju yang memiliki inovasi sangat tinggi di bidang teknologi. Ternyata, Tiongkok memang sudah eksis sejak zaman kuno. Seperti apa ya sejarahnya? Yuk simak <strong><a href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10" target="_blank" rel="noopener">artikel Sejarah kelas 10</a></strong> berikut ini!</em></p>
<p style="text-align: center;">—</p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kamu pernah kepikiran <em>nggak</em> sih kalau peradaban Tiongkok kuno itu ternyata salah satu yang paling hebat sepanjang sejarah manusia? Di saat banyak daerah lain masih berburu dan meramu, mereka sudah membangun kota, membuat tulisan, dan bahkan punya sistem pemerintahan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Bayangkan aja, ribuan tahun lalu peradaban ini sudah memiliki teknologi dan pengetahuan yang maju. Makanya <em>nggak</em> heran kalau pengaruh </span>peradaban Tiongkok kuno<span style="font-weight: 400;"> masih terasa sampai zaman sekarang.</span></p>
<p style="text-align: justify;">Peradaban Tiongkok kuno berkembang di<span style="font-weight: 400;"> lembah Sungai Kuning (Huang Ho) dan lembah Sungai Panjang (Sungai Yangtze), yang subur dan cocok untuk pertanian. Lingkungan ini sangat mendukung terbentuknya masyarakat yang menetap, berladang, dan akhirnya membentuk kota serta pemerintahan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dari sinilah awal mula berdirinya dinasti-dinasti besar yang punya pengaruh kuat dalam sejarah dunia. </span><i><span style="font-weight: 400;">Yuk</span></i><span style="font-weight: 400;">, kita telusuri lebih dalam tentang berbagai aspek penting dari peradaban ini!</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/peradaban-yunani-kuno" target="_blank" rel="noopener">Peradaban Yunani Kuno: Sejarah, Raja, dan Peninggalannya | Sejarah Kelas 10</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Apa itu Peradaban Tiongkok Kuno?</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Guys, mungkin kalian bingung, kenapa disebut peradaban “kuno”, padahal Cina atau Tiongkok masih ada sampai sekarang? Jadi, yang dimaksud </span>peradaban Tiongkok Kuno<span style="font-weight: 400;"> adalah masa sebelum berdirinya Dinasti Qin, yang jadi awal zaman kekaisaran terpusat. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Periode ini mencakup dinasti-dinasti awal yang jadi pondasi lahirnya budaya dan sistem negara Tiongkok. </span><i><span style="font-weight: 400;">Nah, </span></i><span style="font-weight: 400;">untuk lebih mengetahuinya, kita harus mulai dari dimana sih asal mula peradaban Tiongkok kuno ini, yuk mulai satu persatu!</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Kondisi<b> Geografis dan Lingkungan Alam</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Kamu tahu <em>nggak</em> sih kalau peradaban Tiongkok kuno sebenarnya dimulai sejak 10.000 tahun yang lalu? Awalnya, nenek moyang bangsa Tiongkok disebut berasal dari Timur Afrika dan bermigrasi ke Asia Tenggara. Mereka menetap di sekitar Lembah Sungai Kuning yang subur dan akhirnya membentuk masyarakat agraris sejak zaman Neolitikum. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Peradaban Tiongkok kuno berkembang di dataran subur di sekitar Sungai Kuning dan Sungai Yangtze. Kedua sungai ini memberikan air yang melimpah dan tanah yang cocok banget buat pertanian. Tapi, Sungai Kuning juga sering banjir besar yang kadang menghancurkan pemukiman warga. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Meskipun begitu, lumpur yang mengendap pasca banjir justru menyuburkan tanah. Makanya, masyarakat waktu itu juga harus pintar-pintar mengelola alam sekitar mereka.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Lingkungan geografis seperti Sungai Huang He dan Yangtze sangat mendukung pertanian dan perdagangan. Di masa awal, banyak temuan arkeologis dari situs seperti Banpo dan Damai Di membuktikan bahwa masyarakat Tiongkok sudah punya sistem budaya dan kepercayaan yang maju. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Bahkan, dari wilayah inilah mulai muncul budaya menanam padi, menyimpan makanan, dan membangun irigasi. Peradaban ini terus berkembang lewat empat dinasti awal yang penting; Dinasti Xia, Zhou, Qin, dan Han.</span></p>
<p style="text-align: justify;">S<span style="font-weight: 400;">ecara geografis Tiongkok kuno dikelilingi gunung, padang pasir, dan laut yang membuat mereka agak terisolasi. Tapi justru karena isolasi ini, karakteristik peradaban Tiongkok kuno bisa berkembang secara unik dan mandiri. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Mereka <em>nggak</em> banyak terpengaruh budaya luar di awal-awal, tapi tetap terbuka lewat jalur perdagangan seperti Jalur Sutra. Jadi meskipun terpisah, mereka tetap bisa berhubungan dengan dunia luar.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Iklim di wilayah Tiongkok kuno juga bervariasi banget </span><em>lho</em>,<span style="font-weight: 400;"> dari yang dingin banget di utara sampai panas dan lembap di selatan. Hal ini bikin mereka mengembangkan cara hidup dan arsitektur rumah yang beda-beda sesuai wilayahnya. Misalnya, rumah panggung di selatan untuk menghadapi banjir, dan rumah beratap rendah di utara buat menahan dingin. Lingkungan bener-bener berperan besar dalam membentuk budaya mereka.</span></p>
<p style="text-align: justify;"><em>Guys</em>,<span style="font-weight: 400;"> kekayaan alam seperti tembaga, besi, dan kayu bikin peradaban Tiongkok Kuno jadi lebih maju dalam teknologi. Mereka udah bisa bikin alat dari logam sejak zaman Dinasti Shang, termasuk peralatan perang dan bejana ritual. Semua itu menunjukkan betapa majunya kemampuan metalurgi mereka. </span><em>Ngga</em> <span style="font-weight: 400;">heran kalau banyak peninggalan Tiongkok kuno berupa artefak logam yang indah banget!</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/peradaban-india-kuno" target="_blank" rel="noopener">Sejarah Peradaban India Kuno beserta Peninggalannya | Sejarah Kelas 11</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Sistem Sosial-Politik dan Dinasti-Dinasti Penting</span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Ada banyak sekali kerajaan yang berjaya dan runtuh di dalam masa perjalanan perkembangan masyarakat Tiongkok kuno ini. Kamu harus tahu pembagian masa kerajaan yang memiliki peran penting masing-masing dalam membangun peradaban. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Berikut adalah urutan dinasti yang harus kamu ketahui!</span></p>
<p> </p>
<p><span style="font-size: 14pt;"><strong>Urutan Dinasti pada Peradaban Tiongkok Kuno</strong></span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Berikut urutan dinasti dalam peradaban Tiongkok kuno:</span></p>
<ul style="text-align: justify;">
<li aria-level="1"><strong>Dinasti Xia</strong> (2600–1600 SM)</li>
<li aria-level="1"><strong>Dinasti Shang</strong> (1600–1046 SM)</li>
<li aria-level="1"><strong>Dinasti Zhou</strong> (1046–256 SM)</li>
<li aria-level="1"><strong>Dinasti Qin</strong> (221-206 SM)</li>
<li style="font-weight: 400;" aria-level="1"><strong>Dinasti Han</strong> <span style="font-weight: 400;">(206 SM – 220 M)</span></li>
</ul>
<p> </p>
<p style="text-align: justify;"><em>Nah</em>,<span style="font-weight: 400;"> dari semua dinasti itu, Dinasti Zhou adalah yang paling lama memerintah, </span><em>lho</em><span style="font-weight: 400;">. Di era Zhou ini juga muncul konsep </span><em>Mandate of Heaven</em><span style="font-weight: 400;">, alias “mandat langit”, yang nanti bakal kita bahas di bagian politik. Berikut adalah penjelasan dari urutan dinasti pada peradaban Tiongkok kuno!</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>1. Dinasti Xia </b><b>± </b><b>(2600-1600 SM)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Dinasti Xia adalah dinasti pertama yang tercatat dalam sejarah </span><span style="font-weight: 400;">peradaban Tiongkok Kuno</span><span style="font-weight: 400;">. Dinasti ini dipimpin oleh Yu yang Agung atau Yu the Great yang terkenal karena jasanya mengendalikan banjir besar dengan membangun kanal. Mereka menetap di Lembah Sungai Kuning dan membentuk sistem pemerintahan monarki awal yang dibagi menjadi sembilan provinsi.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pada masa ini, masyarakat hidup dari pertanian dan barter. Mereka sudah mengenal sistem irigasi, membuat anggur dan tembikar, serta menciptakan kalender pertanian pertama. Struktur sosialnya terbagi dalam empat kelas: raja, bangsawan, petani, dan buruh. Sayangnya, Dinasti Xia berakhir karena kekejaman Raja Jie dan digulingkan oleh Suku Shang, sehingga muncullah Dinasti Shang.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Dinasti<b> Shang ±(1600-1046 SM)</b></span></h3>
<p style="text-align: justify;"><em>Guys</em>,<span style="font-weight: 400;"> Dinasti Shang (1600–1046 SM) adalah salah satu dinasti awal yang meninggalkan bukti tertulis berupa tulang ramalan. Mereka punya raja yang dianggap sebagai pemimpin politik sekaligus spiritual. </span></p>
<p style="text-align: justify;">Selama berkuasa, Dinasti Shang membentuk dua departemen penting, yaitu <strong>departemen sekretariat urusan negara </strong>dan <strong>departemen tata hukum negara</strong>. <em>Lah</em>, terus kaisar <em>ngapain</em>?</p>
<p style="text-align: justify;">Jadi, dalam sistem pemerintahan Dinasti Shang, kaisar <strong>dianggap sebagai wakil para dewa</strong>. Makannya, kaisar dinilai tidak boleh terlibat langsung dalam urusan politik praktis. Makannya, dua departemen tadi dibentuk untuk menjalankan sistem pemerintahan.</p>
<p style="text-align: justify;">Selain itu, di masa dinasti ini, masyarakat Tiongkok juga mengalami kemajuan di berbagai bidang, seperti pertanian, peternakan, pengolahan perunggu, dan pembuatan atau porselen, yang banyak di antaranya menjadi <strong>peninggalan dari era Tiongkok kuno</strong>.</p>
<p style="text-align: justify;"><span style="font-weight: 400;">Masyarakatnya terbagi ke dalam kelas-kelas seperti bangsawan, prajurit, petani, dan budak. Salah satu peninggalan Tiongkok kuno dari masa ini adalah bejana perunggu yang detail banget dan keren </span><i><span style="font-weight: 400;">abis</span></i><span style="font-weight: 400;">!</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>3. Dinasti Zhou </b><b>± </b><b>(1046–256 SM)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Dinasti Zhou</span><span style="font-weight: 400;"> adalah </span><strong>dinasti terlama dalam peradaban Tiongkok kuno</strong><span style="font-weight: 400;"> yang bertahan hampir 800 tahun! Dinasti ini memperkenalkan konsep </span>Mandat Surga<span style="font-weight: 400;">—suatu kepercayaan bahwa kekuasaan seorang kaisar berasal dari langit. Pemerintahan mereka bersifat feodal, mirip kerajaan-kerajaan Eropa pada Abad Pertengahan, di mana wilayah-wilayah dikuasai oleh bangsawan yang loyal pada kaisar.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Zhou juga menjadi masa lahirnya tiga filsuf besar: Laozi (Taoisme), Kong Fuzi alias Konfusius (Konfusianisme), dan Mengzi (filsuf rakyat). Pemikiran mereka menjadi dasar karakteristik peradaban Tiongkok kuno yang menjunjung moral, keseimbangan, dan hubungan harmonis. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pada masa ini, muncul pula pembagian periode seperti Spring and Autumn serta Warring States, yang menjadi era penuh konflik antarnegara namun juga kaya akan perkembangan budaya dan politik.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>4. Dinasti Qin </b><b>± </b><b>(221-206 SM)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Kaisar Qin Shi Huang adalah tokoh penting yang menyatukan Tiongkok untuk pertama kalinya di tahun 221 SM. Dari sinilah nama “Cina” berasal, loh! Dinasti Qin sangat berpengaruh meskipun hanya bertahan singkat. Mereka memusatkan pemerintahan, menetapkan sistem hukum yang ketat, dan membangun banyak infrastruktur penting, termasuk </span><strong>Tembok Besar Tiongkok</strong><span style="font-weight: 400;"> dan kanal-kanal irigasi.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Qin Shi Huang juga membangun makam megah yang dijaga oleh ribuan </span><span style="font-weight: 400;">Tentara Terakota</span><span style="font-weight: 400;">—pasukan patung tanah liat yang terkenal di dunia. Sayangnya, kekuasaan absolut dan sifat kejam kaisar membuatnya dibenci rakyat. Setelah wafatnya, Dinasti Qin runtuh akibat pemberontakan dan digantikan oleh Dinasti Han.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>5. Dinasti Han </b><b>± </b><b>(206 SM-220M)</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Dinasti Han dikenal sebagai masa keemasan </span><span style="font-weight: 400;">peradaban Tiongkok Kuno</span><span style="font-weight: 400;">. Kaisar Han pertama, Liu Bang, datang dari kalangan rakyat biasa dan mendirikan pemerintahan yang efisien dan toleran. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Dinasti ini memperluas wilayah hingga Asia Tengah dan memperkenalkan </span>Jalur Sutra,<span style="font-weight: 400;"> jalur perdagangan penting yang menghubungkan Tiongkok dengan dunia Barat.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/jalur-rempah" target="_blank" rel="noopener">Jalur Rempah Nusantara: Pengertian, Sejarah, dan Pengaruhnya | Sejarah Kelas 10</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Di bidang budaya, mereka menghasilkan seni, lukisan, kaligrafi, dan karya sastra seperti </span>Shiji dan Chuci.<span style="font-weight: 400;"> Sistem pendidikan dan birokrasi dikembangkan berdasarkan ajaran Konfusius, dan wilayah administratif dibagi menjadi 36 provinsi. Dengan stabilitas politik dan ekonomi yang mantap, Han jadi simbol kejayaan klasik Tiongkok yang dikenang hingga sekarang.</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Sistem Kepercayaan dan Religi</b></span></h2>
<p style="text-align: justify;"><em>Guys</em>, peradaban Tiongkok kuno<span style="font-weight: 400;"> punya kepercayaan yang sangat beragam dan dalam banget maknanya. Mereka percaya pada roh leluhur yang bisa membawa berkah atau bencana, jadi sering banget bikin ritual persembahan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Konfusianisme, Taoisme, dan Buddhisme adalah tiga ajaran utama yang mempengaruhi cara hidup mereka. Ketiganya saling melengkapi dan membentuk identitas budaya yang unik.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Konfusianisme ngajarin pentingnya moral, tata krama, dan hubungan antar manusia yang harmonis. Ajaran ini bikin rakyat lebih disiplin dan menghormati struktur sosial. Taoisme ngajarin hidup selaras dengan alam, nggak terlalu ambisius, dan menerima keadaan. Sedangkan Buddhisme mengajarkan jalan untuk lepas dari penderitaan, dan memberi harapan kehidupan setelah mati.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Perpaduan ketiga ajaran ini bikin </span><i><span style="font-weight: 400;">karakteristik peradaban Tiongkok kuno</span></i><span style="font-weight: 400;"> jadi lebih dalam dan filosofis. Agama dan kepercayaan bukan cuma soal upacara, tapi juga cara hidup sehari-hari. Mereka percaya keseimbangan dalam hidup itu penting banget, makanya simbol Yin-Yang jadi sangat terkenal. Sampai sekarang, ajaran-ajaran ini masih dipelajari di seluruh dunia!</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Corak Peradaban Tiongkok Kuno</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Sekarang kita bahas karakteristik peradaban ini dari berbagai sisi, ya guys. Mulai dari sistem politik, ekonomi, budaya, sampai teknologi.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>Corak Politik</b></span></h3>
<p style="text-align: justify;"><em>Guys</em>,<span style="font-weight: 400;"> sejak zaman kuno, Cina sudah menganut bentuk pemerintahan kesatuan yang disebut sistem feodalisme. Dalam sistem ini, ada hubungan timbal balik antara rakyat biasa dan bangsawan atau pemimpin wilayah. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Di masa Dinasti Zhou, muncul konsep </span><em>Mandate of Heaven</em>,<span style="font-weight: 400;"> di mana kaisar dianggap mendapat restu dari langit untuk memerintah. Jadi kalau raja bertindak semena-mena, rakyat boleh menggulingkannya karena dianggap nggak lagi direstui oleh langit.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>Corak Ekonomi</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau urusan ekonomi, </span>peradaban Tiongkok Kuno<span style="font-weight: 400;"> dikenal sebagai masyarakat agraris. Mereka tinggal di sekitar sungai besar dan cocok banget untuk bertani. Tanaman utama mereka adalah beras, kedelai, teh, dan pohon murbei untuk ulat sutra. Jadi nggak heran kalau Cina dari dulu sudah dikenal sebagai penghasil teh dan sutra terbaik di dunia.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>Corak Sosial dan Budaya</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Dalam hal budaya, </span>peradaban Tiongkok Kuno<span style="font-weight: 400;"> termasuk masyarakat multikultural yang terbuka pada perbedaan. Mereka menghormati leluhur dan menjalankan banyak ritual untuk menghormati arwah keluarga. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Selain kepercayaan tradisional, muncul juga agama seperti Taoisme, Konghucu, dan Buddha yang menyatu dengan budaya lokal. Mereka juga mengembangkan aksara piktograf, yaitu tulisan yang bentuknya menyerupai gambar benda.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>Corak Sains dan Teknologi</b></span></h3>
<p style="text-align: justify;"><em>Guys,</em><span style="font-weight: 400;"> kalau bicara soal teknologi, </span><em>peradaban Tiongkok Kuno</em><span style="font-weight: 400;"> itu jagonya! Mulai dari obat herbal, akupuntur, sampai feng shui, semua berasal dari pengetahuan tradisional mereka. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Selain itu, mereka juga menemukan kertas, keramik porselen, kompas, dan bubuk mesiu. Penemuan-penemuan ini punya dampak besar banget ke dunia, bahkan sampai sekarang masih dipakai.</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Hasil Budaya dan Teknologi</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Salah satu </span>peninggalan Tiongkok kuno<span style="font-weight: 400;"> yang paling ikonik tentu saja Tembok Besar Cina. Dibangun selama berabad-abad, tembok ini adalah simbol pertahanan, kekuatan, dan ketekunan bangsa Tiongkok. Panjangnya ribuan kilometer dan dibangun dengan kerja keras jutaan orang. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;"><em>Nggak</em> heran kalau sekarang jadi salah satu keajaiban dunia. Berikut peninggalan Budaya dan Teknologi selain Tembok Besar Cina ya!</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>Teknologi</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Teknologi dan ilmu pengetahuan di </span><i><span style="font-weight: 400;">peradaban Tiongkok Kuno</span></i><span style="font-weight: 400;"> juga luar biasa maju. Mereka menemukan kompas, bubuk mesiu, dan teknik percetakan yang jadi cikal bakal revolusi industri dunia. Tanpa penemuan-penemuan ini, mungkin dunia kita sekarang nggak semaju ini. Makanya, banyak ilmuwan modern yang mengagumi kecanggihan mereka.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>Seni</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Dalam bidang seni, mereka jago banget bikin keramik, lukisan, dan kaligrafi. Teknik glasir pada keramik mereka jadi inspirasi di berbagai negara. Puisi-puisi dari masa Dinasti Tang juga menunjukkan kedalaman rasa dan pikiran mereka. Karya seperti “Seni Perang” dari Sun Tzu sampai sekarang masih relevan lho!</span></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Peradaban</span> Tiongkok kuno<span style="font-weight: 400;"> memang luar biasa dalam banyak hal—dari struktur sosial, teknologi, hingga filosofi hidup. Warisan mereka masih bisa kita lihat dan pelajari sampai sekarang, baik dalam festival, bangunan, maupun nilai-nilai budaya. </span><span style="font-weight: 400;">Peradaban Tiongkok kuno berkembang </span><span style="font-weight: 400;">di</span><span style="font-weight: 400;"> wilayah yang kaya dan strategis, yang jadi pondasi semua pencapaian mereka. Yuk, terus belajar dan gali inspirasi dari sejarah hebat ini!</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/seri-revolusi-dunia-revolusi-tiongkok" target="_blank" rel="noopener">Revolusi Tiongkok: Latar Belakang, Proses Terjadinya Revolusi & Dampak | Sejarah Kelas 11</a></strong></p>
<p style="text-align: center;"><span style="font-weight: 400;">—</span></p>
<p style="text-align: justify;"><em>Gimana, keren banget kan</em> kisah dan warisan dari peradaban Tiongkok kuno ini?<span style="font-weight: 400;"> Kalau kalian suka belajar sejarah kayak gini, jangan ragu buat terus eksplor ya! Siapa tahu, kalian bisa nemuin filosofi atau pelajaran hidup dari masa lalu yang bisa bikin masa depan lebih baik. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Perjalanan sejarah Tiongkok kuno benar-benar luar biasa, ya. Semuanya menunjukkan betapa kaya dan kompleksnya peradaban ini. Nilai-nilai yang lahir dari masa lalu Tiongkok, seperti disiplin, etika, dan inovasi, masih terasa pengaruhnya bahkan sampai hari ini.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Belajar sejarah itu bukan cuma soal menghafal tanggal dan nama, tapi juga soal memahami bagaimana masa lalu membentuk dunia kita sekarang. Kalau kamu </span><i><span style="font-weight: 400;">pengen </span></i><span style="font-weight: 400;">makin paham sejarah, nggak cuma Tiongkok tapi juga topik-topik penting lainnya, langsung aja kepoin <strong><a href="https://www.ruangguru.com/ruangbelajar" target="_blank" rel="noopener">ruangbelajar</a></strong>. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Di sana kamu bisa belajar dengan cara yang seru, interaktif, dan pastinya bikin makin paham. </span><i><span style="font-weight: 400;">Yuk</span></i><span style="font-weight: 400;">, terus asah pengetahuan kamu dan jadi generasi yang ngerti sejarah, bukan cuma sekadar hapal!</span></p>
<p><a href="https://app.ruangguru.com/ruangbelajar/v/peradaban-tiongkok-kuno-subtopi-r7bfitka-hr-sma-kelas-10-ips"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ceb472c4-1feb-4a1d-afdf-4f92234a63d0.jpg" alt="CTA Ruangguru" /></a></p>
<p><strong>Referensi: </strong></p>
<p style="text-align: left;"><span style="font-weight: 400;">Rustamana, Agus, dkk. 2023. PERKEMBANGAN AWAL PERADABAN CHINA PADA MASA DINASTI. Jurnal Sejarah dan Pengajarannya. Vol 2 No. 2 pp. 1-17</span></p>
<p style="text-align: left;"><span style="font-weight: 400;">Filsafat Tiongkok Kuno (Daring). Tautan: https://www.worldhistory.org/trans/id/1-11673/filsafat-tiongkok-kuno/ Diakses tanggal 25 April 2025.</span></p>
<p style="text-align: left;"><span style="font-weight: 400;">Peradaban Tiongkok Kuno: Bentuk Pemerintahan (Daring). Tautan: https://www.sman2-tp.sch.id/read/giatinfo/1088/peradaban-tiongkok-kuno-bentuk-pemerintahan Diakses tanggal 25 2025</span></p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/kelas-10" rel="tag">Kelas 10</a> <a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a> <a href="https://www.ruangguru.com/blog/tag/sma" rel="tag">SMA</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Ringgana Wandy Wiguna</h5>
<p class="author-description"></p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/peradaban-tiongkok-kuno"><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/peradaban-tiongkok-kuno&quote=Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10"> <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=Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10&url=https://www.ruangguru.com/blog/peradaban-tiongkok-kuno"> <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/peradaban-tiongkok-kuno&title=Sejarah Peradaban Tiongkok Kuno | Sejarah Kelas 10"><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 = 23080;
const tags_id = [52,10,37];
const category_id = 520;
const sub_category_id = 524;
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>