Apa itu Renaissance? Mari simak pengertian, faktor-faktor, karakteristik, tokoh-tokoh, serta pengaruh Renaissance di artikel Sejarah kelas 11 ini!
—
Guys, dulu sebelum abad ke-14, Eropa ada pada suatu masa yang disebut masa kegelapan. Pada masa ini, Eropa dikuasai oleh penyihir, naga, drakula, dan manusia serigala.
Gak deng, Eropa sedang ada pada masa dimana kebudayaan sedang tidak berkembang dan ilmu pengetahuan seperti berjalan di tempat. Masa ini terjadi pada Abad Pertengahan dan dikenal dengan sebutan The Dark Ages atau Zaman Kegelapan.
Nah, pada masa awal abad ke-15, Zaman Kegelapan digantikan dengan era Renaissance atau Renaisans. Tapi, apa sih pengertian dari Renaissance itu?
Pengertian Renaissance atau Renaisans
Sebentar-sebentar, yang benar tuh Renaissance atau Renaisans, sih? Dua-duanya benar ya guys. Bahasa aslinya Renaissance, kemudian diserap ke bahasa Indonesia menjadi Renaisans. Artinya mah sama aja.
Sebelumnya, Kakak mau cerita dikit nih tentang sejarah Renaissance. Dulu, Eropa pernah dikuasai oleh Kekaisaran Yunani dan Romawi kuno. Pada masa itu, kebudayaan Eropa klasik sangat kental.
Namun, setelah Kekaisaran Romawi Barat runtuh pada 476 Masehi, Eropa mulai memasuki Abad Pertengahan dan terjadilah Zaman Kegelapan.
Pada Abad Pertengahan, kehidupan masyarakat Eropa didominasi oleh Gereja Katolik. Misalnya, pengetahuan dan cara berpikir yang ada harus sesuai dengan dogma gereja.
Gak cuman itu aja, tapi masyarakat umum cenderung didorong agar melayani gereja. Karena dominasi gereja inilah, segala hal yang ada di luar aturan gereja tidak diperbolehkan, termasuk kebudayaan Eropa klasik.
Kemudian, pada abad ke-14 Masehi, para pemikir berusaha mencari ide-ide baru dengan cara mempelajari ilmu-ilmu dari zaman Yunani dan Romawi Kuno untuk kemudian dimodifikasi. Sejak saat inilah, masa Renaissance atau Renaisans terjadi.
Secara harfiah, Renaissance berasal dari kata re yang artinya kembali dan naitre yang artinya lahir. Maka bisa disimpulkan kalau Renaissance berarti kelahiran kembali.
Kelahiran kembali maksudnya gimana?
Maksudnya, pada masa Renaissance, lahir kembali kebudayaan Eropa klasik, yaitu kebudayaan Yunani dan Romawi kuno.
Hal ini sejalan dengan apa yang dilakukan pemikir dan seniman Eropa. Mereka kembali melihat dan membuka ide-ide lama yang ditinggalkan oleh bangsa Yunani dan Romawi, baik dalam bentuk pemikiran, bangunan, atau karya seni.
Baca Juga: Aufklärung, Masa Pencerahan di Eropa | Sejarah Kelas 11
Oke, setelah kamu tahu pengertian dari Renaisans, kamu penasaran gak, kok bisa sih Renaisans muncul? Nah, abis ini Kakak akan bahas faktor-faktor penyebab Renaisans.
—
Sebelum kamu lanjut cari tau tentang faktor penyebab Renaissance, kamu bole lho gabung di Ruangguru Privat Sejarah untuk tahu dan belajar lebih dalam dari para ahlinya.
Belajar nggak cuma menyenangkan, tapi kamu juga bakal diajari konsepnya sampai paham! Para pengajar di Ruangguru Privat juga sudah terstandarisasi kualitasnya, loh. Kamu juga bisa pilih nih, mau diajarkan secara langsung (offline) atau daring (online). Fleksibel, kan? Untuk info lebih lanjut, cuss klik link berikut!
Faktor-Faktor Penyebab Renaissance
Faktor-faktor penyebab Renaisans pastinya ga jauh dari kondisi yang terjadi di Eropa pada Abad Pertengahan ya, guys. Apa aja ya faktor-faktor penyebab Renaisans?
1. Adanya kontak dengan dunia Timur
Dunia timur di sini adalah wilayah Asia Kecil yang dulunya termasuk dalam kekuasaan Kekaisaran Romawi Timur. Saat ini, wilayah tersebut ada di daerah Turki. Kontak dengan dunia Timur tersebut bisa terjalin karena adanya perdagangan internasional, guys. Akibatnya, para pedagang Eropa jadi memiliki sudut pandang baru dan menyebarkannya saat mereka pulang.
2. Tumbuhnya golongan bangsawan progresif
Bangsawan progresif adalah kaum bangsawan yang peduli terhadap kemajuan pendidikan berbasis humaniora yang membiayai proyek-proyek seni, serta membangun sekolah-sekolah. Tujuan utamanya untuk mengembangkan kajian kebudayaan Eropa klasik. Salah satunya adalah Keluarga Medici yang tenar di Italia.
3. Munculnya golongan yang mempertanyakan dogma gereja
Golongan tersebut bisa muncul karena adanya dominasi gereja yang kuat di Eropa pada Abad Pertengahan. Mereka pun mulai mempertanyakan dogma gereja dan mencari jalan hidup lain. Hal inilah yang menjadi pemantik munculnya golongan pemikir.
4. Jatuhnya Konstantinopel pada 1453
Kejatuhan Konstantinopel (dulu merupakan ibu kota Kekaisaran Romawi Timur) ke tangan Turki Usmani atau Kekaisaran Ottoman membuat sebagian masyarakat di sana pindah ke Eropa. Tidak hanya pindah, mereka juga membawa ide-ide Yunani dan Romawi Klasik yang secara tidak langsung mempengaruhi masyarakat Eropa pada masa itu.
5. Penemuan mesin cetak
Mesin cetak ditemukan oleh Gutenberg dari Mainz, Jerman, pada tahun 1454. Penemuan tersebut mempercepat dan memperluas gagasan tentang revolusi berpikir Renaisans dan humanisme.
Sip, kamu udah tau nih yaa pengertian dan faktor-faktor penyebab Renaissance. Sekarang simak yuk, apa aja sih karakteristik dari Renaissance?
Baca Juga: Reformasi Gereja: Pengertian, Latar Belakang, Tokoh & Pengaruhnya | Sejarah Kelas 11
Karakteristik Renaissance
Secara garis besar, karakteristik Renaisans ada empat poin nih.
-
Menempatkan manusia sebagai pusat kehidupan, atau nama lainnya adalah antroposentris. Dalam hal ini, manusia dinilai dapat mengatur hidupnya sendiri.
-
Cenderung mengejar kebahagiaan duniawi, atau disebut juga sebagai hedonisme.
-
Menghargai akal pikiran manusia. Setelah Abad Pertengahan, masyarakat Eropa tidak memiliki kebebasan dalam berpikir. Baru deh di masa Renaissance mulai bermunculan para pemikir Renaissance, seperti Copernicus dan Galileo Galilei.
- Dalam bidang seni, karya seni pada masa Renaisans menempatkan manusia sebagai objek seni secara bebas. Misalnya seperti karya-karya yang dilukis oleh Leonardo da Vinci dan dipahat oleh Michelangelo Buonarroti.
Kalau kamu perhatikan, empat poin karakteristik ini tuh merujuk ke satu objek, guys. Apa tuh? Yes, manusia atau human. Maka dari itu, Renaissance erat banget dengan kemunculan humanisme. Nah, orang yang menganut paham ini disebutnya kaum humanis.
Baca Juga: Perkembangan Kolonialisme dan Imperialisme Eropa di Indonesia | Sejarah Kelas 11
Lalu, siapa saja ya tokoh-tokoh Renaisans? Apakah tokoh-tokoh tersebut berkaitan erat dengan perkembangan kesenian dan ilmu pengetahuan pada masa Renaisans?
Tokoh-Tokoh Renaissance
Sebenarnya, tokoh Renaissance ada banyak bangettt, guys. Tapi, di sini Kakak bahas beberapa doang ya. Soalnya kalo dibahas semua, wah, artikel ini panjangnya bisa ngalahin jalan Anyer sampai Panarukan! Gak sepanjang itu juga deh. Ehehe.
Yuk, langsung aja kita simak!
1. Leonardo da Vinci
Leonardo da Vinci merupakan salah satu tokoh Renaissance yang paling populer. Karya lukisnya yang paling terkenal adalah Perjamuan Terakhir atau The Last Supper (akhir abad ke-15) dan Mona Lisa (awal abad ke-16).
Selain melukis, da Vinci juga pernah membuat sketsa untuk The Flying Machine, sebuah alat bermesin yang menggabungkan sepeda dan helikopter.
2. Raphael
Raphael terkenal dengan inovasi seblaknya lukisannya yang berjudul Madonna dan School of Athens. Ia hidup sezaman dengan Leonardo da Vinci dan Michelangelo.
Selain di bidang lukis, Raphael juga memiliki bakat di bidang arsitektur. Bahkan, ia juga berkontribusi dalam merenovasi Basilika Santo Petrus (saat ini ada di wilayah Vatikan) yang merupakan gereja terbesar di dunia.
3. Donatello
Donatello merupakan salah satu pemahat yang melahirkan karya luar biasa pada era Renaisans. Ia hidup sekitar satu abad sebelum Michelangelo dilahirkan.
Donatello biasanya menggunakan bahan marmer dan perunggu sebagai bahan pembuatan patungnya. Beberapa karyanya yang terkenal antara lain The Feast of Herodes, Patung David, Patung Maria Magdalena, dan Patung Saint George.
4. Michelangelo
Michelangelo dikenal sebagai pemahat dan juga pelukis. Semasa muda, Michelangelo memiliki ketertarikan untuk mempelajari anatomi tubuh manusia.
Hal inilah yang kemudian mempengaruhi Michelangelo dalam membuat karya seni, khususnya patung. Patung-patung yang dipahat Michelangelo berhasil memperlihatkan otot yang cukup terlihat jelas, seperti patung Pietà dan patung David yang merupakan salah satu tokoh Alkitab.
Selain itu, Michelangelo juga melukis langit-langit kapel Sistina di Vatikan.
Lalu, mereka semua bergabung menjadi kura-kura ninja, gak deng. Tapi serius, nama mereka sama dengan karakter kura-kura ninja, karena kura-kura ninja terinspirasi oleh mereka. Keren kaan?
Baca Juga: Sejarah Revolusi Amerika dan Dampaknya Kepada Dunia | Sejarah Kelas 11
Oiya, fun fact–nya, keempat tokoh yang barusan kita bahas berasal dari Italia, loh! Wah, gak heran guys, soalnya Italia, tepatnya di kota Florence, merupakan pusat perkembangan kebudayaan pada masa Renaissance.
Keempat tokoh tadi kan bergeraknya di bidang kesenian ya. Nah, tapi ada tokoh lain yang bergerak di bidang keilmuan, misalnya seperti:
5. Nicolaus Copernicus
Nicolaus Copernicus terkenal karena mengemukakan Teori Heliosentris. Pada awalnya, sejak sekitar tahun 380 SM, manusia menganggap bahwa bumi merupakan pusat tata surya.
Namun, pendapat tersebut tidak sejalan dengan teori yang dikemukakan oleh Copernicus. Sebab, menurutnya, mataharilah yang merupakan pusat tata surya. Pendapat Copernicus ini dikenal sebagai Teori Heliosentris.
Meskipun pada awalnya teori ini tidak dapat diterima secara langsung oleh pihak gereja dan masyarakat, tapi saat ini kita meyakini bahwa pendapat Copernicus tentang matahari yang menjadi pusat tata surya benar adanya.
6. Galileo Galilei
Galileo Galilei dikenal sebagai bapak astronomi modern karena berhasil menciptakan teleskop. Lewat penemuannya tersebut, Galileo secara tidak langsung membuktikan kebenaran Teori Heliosentris yang dikemukakan oleh Copernicus.
Meskipun begitu, pada masa itu gereja masih meyakini bahwa bumi adalah pusat dari alam semesta atau tata surya. Untuk itulah, Galileo memiliki pandangan yang berbeda dengan gereja.
Hal tersebut justru membuat Galileo harus menjalani hukuman penjara seumur hidup.
Wah, mantap! Kamu udah membaca hampir sebagian besar pembahasan Renaissance nih. Tenang, masih ada satu pembahasan terakhir, yaitu tentang pengaruh Renaissance, khususnya bagi kehidupan masyarakat Eropa pada masa itu, bahkan bagi dunia hingga masa sekarang.
Pengaruh Renaissance
Biar kamu lebih gampang memahaminya, Kakak akan bagi dua pengaruh Renaissance. Ada yang di bidang sosial budaya dan bidang ekonomi.
1. Bidang Sosial Budaya
Dalam bidang sosial budaya, pengaruh renaisans antara lain:
- Terbentuknya pondasi atau dasar pemikiran humanisme, kebebasan individu, dan kebebasan berpikir.
- Berkurangnya dominasi Gereja Katolik.
- Peran negara lebih kuat dari sebelumnya, meskipun peran gereja masih lebih kuat.
- Tumbuh seni klasik di Eropa yang hingga saat ini masih dapat dinikmati hingga sekarang. Contohnya seperti karya seni para tokoh yang sudah kita bahas sebelum ini.
2. Bidang Ekonomi
Sementara, pengaruh Renaisans di bidang ekonomi adalah munculnya merkantilisme. Merkantilisme adalah kesadaran bahwa kesejahteraan suatu negara ditentukan oleh banyaknya aset atau modal yang dimiliki, serta banyaknya volume perdagangan global suatu negara.
Baca Juga: Merkantilisme: Pengertian, Latar Belakang, dan Dampak | Sejarah Kelas 11
—
Gimana guys, kamu sudah tahu kan pembahasan lengkap tentang Renaissance atau Renaisans, mulai dari pengertian, faktor-faktor, karakteristik, tokoh-tokoh, hingga pengaruhnya? Jadi, kalau kamu nanti dengar kata Renaissance, kamu tidak perlu lagi bingung mencari maksudnya apa.
Nah biar kamu lebih paham, kamu boleh tonton videonya di ruangbelajar materi Sejarah kelas 11, ya!
Referensi:
Hapsari, R. Adil, M. (2016) Sejarah untuk SMA/MA Kelas XI. Jakarta: Erlangga.
Renaissance [daring]. Tautan: https://www.britannica.com/event/Renaissance (Diakses: 21 Agustus 2023)
Biografi Tokoh Dunia: Raphael, Pelukis Terhebat Zaman High Renaissance [daring]. Tautan: https://internasional.kompas.com/read/2019/04/05/22572311/biografi-tokoh-dunia-raphael-pelukis-terhebat-zaman-high-renaissance?page=all (Diakses: 21 Agustus 2023)
Sumber Foto:
Foto patung David [Daring]. Tautan: https://www.timesofisrael.com/london-museum-said-planning-exhibit-with-farting-david-statue/ (Diakses: 22 Agustus 2023)
Foto Leonardo da Vinci [Daring]. Tautan: https://en.wikipedia.org/wiki/Leonardo_da_Vinci#/media/File:Francesco_Melzi_-_Portrait_of_Leonardo.png (Diakses: 22 Agustus 2023)
Foto Mona Lisa [Daring]. Tautan: https://en.wikipedia.org/wiki/Mona_Lisa#/media/File:Mona_Lisa,_by_Leonardo_da_Vinci,_from_C2RMF_retouched.jpg (Diakses: 22 Agustus 2023)
Foto Raphael [Daring]. Tautan: https://upload.wikimedia.org/wikipedia/commons/f/f6/Raffaello_Sanzio.jpg (Diakses: 22 Agustus 2023)
Foto The School of Athens [Daring]. Tautan: https://en.wikipedia.org/wiki/The_School_of_Athens#/media/File:%22The_School_of_Athens%22_by_Raffaello_Sanzio_da_Urbino.jpg (Diakses: 22 Agustus 2023)
Foto Donatello [Daring]. Tautan: https://en.wikipedia.org/wiki/Donatello#/media/File:Cinque_maestri_del_rinascimento_fiorentino,_XVI_sec,_donatello.JPG (Diakses: 22 Agustus 2023)
Foto patung David [Daring]. Tautan: https://en.wikipedia.org/wiki/David_(Donatello)#/media/File:Florence_-_David_by_Donatello.jpg (Diakses: 22 Agustus 2023)
Foto Michelangelo [Daring]. Tautan: https://en.wikipedia.org/wiki/Michelangelo#/media/File:Michelangelo_Daniele_da_Volterra_(dettaglio).jpg (Diakses: 22 Agustus 2023)
Foto The Creation of Adam [Daring]. Tautan: https://en.wikipedia.org/wiki/The_Creation_of_Adam#/media/File:Michelangelo_-_Creation_of_Adam_(cropped).jpg (Diakses: 22 Agustus 2023)
Artikel ini pertama kali ditulis oleh Seno Aji, kemudian diperbarui oleh Laras Sekar Seruni.
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="viewport" content="Ruangguru Tech Team">
<title>Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya</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="Apa itu Renaissance atau Renaisans? Mari simak mulai dari pengertian, faktor-faktor, karakteristik, tokoh-tokoh, serta pengaruh Renaissance di artikel ini." />
<link rel="canonical" href="https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya" />
<meta property="og:description" content="Apa itu Renaissance atau Renaisans? Mari simak mulai dari pengertian, faktor-faktor, karakteristik, tokoh-tokoh, serta pengaruh Renaissance di artikel ini." />
<meta property="og:url" content="https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2024-10-03T08:46:31+00:00" />
<meta property="article:modified_time" content="2024-10-06T19:32:04+00:00" />
<meta name="author" content="Laras Sekar Seruni" />
<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="Laras Sekar Seruni" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="9 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan","url":"https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan","name":"Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan#primaryimage"},"thumbnailUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/a8f45a87-d55c-4698-b465-615e7c63584a.png","datePublished":"2024-10-03T08:46:31+00:00","dateModified":"2024-10-06T19:32:04+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/c8c36093e82708b76b55526a1c2d69f3"},"description":"Apa itu Renaissance atau Renaisans? Mari simak mulai dari pengertian, faktor-faktor, karakteristik, tokoh-tokoh, serta pengaruh Renaissance di artikel ini.","breadcrumb":{"@id":"https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan#primaryimage","url":"https://cdn-web.ruangguru.com/landing-pages/assets/a8f45a87-d55c-4698-b465-615e7c63584a.png","contentUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/a8f45a87-d55c-4698-b465-615e7c63584a.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya | Sejarah Kelas 11"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/c8c36093e82708b76b55526a1c2d69f3","name":"Laras Sekar Seruni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/beba606f9882dbe01008485044771765944a43ea1ea03239eaae3e0d899bd7f5?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/beba606f9882dbe01008485044771765944a43ea1ea03239eaae3e0d899bd7f5?s=96&d=mm&r=g","caption":"Laras Sekar Seruni"},"description":"Content Writer and Content Performance at Ruangguru. Writing is my cup of tea. I hope you enjoy and may learn a new thing! ^^","url":"https://www.ruangguru.com/blog/author/laras-sekar-seruni"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya | Sejarah Kelas 11 Comments Feed" href="https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan/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/10132" /><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=10132' />
<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%2Frenaissance-eropa-menuju-masa-kebangkitan" />
<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%2Frenaissance-eropa-menuju-masa-kebangkitan&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-10132 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/sejarah">Sejarah</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Sejarah SMA Kelas 11</a></li> </ol>
</nav>
<h1 class="content-title">
Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya | Sejarah Kelas 11 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/laras-sekar-seruni" class="">Laras Sekar Seruni</a> </p>
<p class="content-info"><span>October 3, 2024 • </span> <span>10 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/a8f45a87-d55c-4698-b465-615e7c63584a.png" alt="Renaissance atau Renaisans" /></p>
<blockquote>
<p style="text-align: center;"><em>Apa itu Renaissance? Mari simak pengertian, faktor-faktor, karakteristik, tokoh-tokoh, serta pengaruh Renaissance di <strong><a href="https://www.ruangguru.com/blog/c/sejarah-sma-kelas-11">artikel Sejarah kelas 11</a></strong> ini!</em><em> </em></p>
</blockquote>
<p style="text-align: center;">—</p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Guys, dulu sebelum abad ke-14, Eropa ada pada suatu masa yang disebut masa kegelapan. Pada masa ini, Eropa dikuasai oleh penyihir, naga, drakula, dan manusia serigala. </span></p>
<p style="text-align: justify;"><em>Gak deng</em><span style="font-weight: 400;">, Eropa sedang ada pada masa dimana kebudayaan sedang tidak berkembang dan ilmu pengetahuan seperti berjalan di tempat. Masa ini terjadi pada Abad Pertengahan dan dikenal dengan sebutan</span><em> The Dark Ages</em><span style="font-weight: 400;"> atau Zaman Kegelapan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah, pada masa awal abad ke-15, Zaman Kegelapan digantikan dengan era Renaissance atau Renaisans. Tapi, apa sih pengertian dari Renaissance itu?</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Pengertian Renaissance atau Renaisans</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebentar-sebentar, yang benar tuh Renaissance atau Renaisans, sih? Dua-duanya benar ya guys. Bahasa aslinya Renaissance, kemudian diserap ke bahasa Indonesia menjadi Renaisans. Artinya mah sama aja. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebelumnya, Kakak mau cerita dikit nih tentang sejarah Renaissance. Dulu, Eropa pernah dikuasai oleh Kekaisaran Yunani dan Romawi kuno. Pada masa itu, kebudayaan Eropa klasik sangat kental. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Namun, setelah Kekaisaran Romawi Barat runtuh pada 476 Masehi, Eropa mulai memasuki Abad Pertengahan dan terjadilah Zaman Kegelapan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Pada Abad Pertengahan, kehidupan masyarakat Eropa didominasi oleh Gereja Katolik. Misalnya, pengetahuan dan cara berpikir yang ada </span><strong>harus sesuai dengan dogma gereja</strong><b>. </b></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Gak cuman itu aja, tapi masyarakat umum cenderung didorong agar melayani gereja. Karena dominasi gereja inilah, segala hal yang ada di luar aturan gereja tidak diperbolehkan, termasuk kebudayaan Eropa klasik. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kemudian, pada abad ke-14 Masehi, para pemikir berusaha mencari ide-ide baru dengan cara mempelajari ilmu-ilmu dari zaman Yunani dan Romawi Kuno untuk kemudian dimodifikasi. Sejak saat inilah, masa Renaissance atau Renaisans terjadi.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Secara harfiah, Renaissance berasal dari kata </span><strong><em>re</em></strong> <span style="font-weight: 400;">yang artinya </span><strong>kembali</strong><span style="font-weight: 400;"> dan </span><em><strong>naitre</strong></em> <span style="font-weight: 400;">yang artinya </span><strong>lahir</strong><span style="font-weight: 400;">. Maka bisa disimpulkan kalau Renaissance berarti kelahiran kembali. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kelahiran kembali maksudnya gimana?</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Maksudnya, pada masa Renaissance, </span><strong>lahir kembali kebudayaan Eropa klasik</strong><span style="font-weight: 400;">, yaitu </span><strong>kebudayaan Yunani dan Romawi kuno</strong><span style="font-weight: 400;">.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Hal ini sejalan dengan apa yang dilakukan pemikir dan seniman Eropa. Mereka kembali melihat dan membuka ide-ide lama yang ditinggalkan oleh bangsa Yunani dan Romawi, baik dalam bentuk pemikiran, bangunan, atau karya seni.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/aufklarung-masa-pencerahan-di-eropa" target="_blank" rel="nofollow noopener">Aufklärung, Masa Pencerahan di Eropa | Sejarah Kelas 11</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Oke, setelah kamu tahu pengertian dari Renaisans, kamu penasaran gak, kok bisa sih Renaisans muncul? Nah, abis ini Kakak akan bahas faktor-faktor penyebab Renaisans. </span></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;">Sebelum kamu lanjut cari tau tentang faktor penyebab Renaissance, kamu bole <em>lho </em>gabung di <strong><a href="https://www.ruangguru.com/privat/sejarah">Ruangguru Privat Sejarah</a></strong> untuk tahu dan belajar lebih dalam dari para ahlinya.</p>
<p style="text-align: justify;">Belajar nggak cuma menyenangkan, tapi kamu juga bakal diajari konsepnya sampai paham! Para pengajar di Ruangguru Privat juga sudah terstandarisasi kualitasnya, loh. Kamu juga bisa pilih nih, mau diajarkan secara langsung (offline) atau daring (online). Fleksibel, kan? Untuk info lebih lanjut, cuss klik link berikut!</p>
<p><a href="https://cta.ruangguru.com/blog-rg10-privat"><img decoding="async" class="aligncenter " src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6ed2fe9f-c80a-4e5a-9cfa-d92dfcbab67b.png" alt="CTA Ruangguru Privat" /></a></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Faktor-Faktor Penyebab Renaissance</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Faktor-faktor penyebab Renaisans pastinya ga jauh dari kondisi yang terjadi di Eropa pada Abad Pertengahan ya, guys. Apa aja ya faktor-faktor penyebab Renaisans? </span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. Adanya kontak dengan dunia Timur</span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Dunia timur di sini adalah wilayah Asia Kecil yang dulunya termasuk dalam kekuasaan Kekaisaran Romawi Timur. Saat ini, wilayah tersebut ada di daerah Turki. Kontak dengan dunia Timur tersebut bisa terjalin karena adanya perdagangan internasional, guys. Akibatnya, para pedagang Eropa jadi </span><strong>memiliki sudut pandang baru</strong> <span style="font-weight: 400;">dan menyebarkannya saat mereka pulang. </span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. Tumbuhnya golongan bangsawan progresif</span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Bangsawan progresif adalah kaum bangsawan yang peduli terhadap kemajuan pendidikan berbasis humaniora yang membiayai proyek-proyek seni, serta membangun sekolah-sekolah. Tujuan utamanya untuk mengembangkan kajian kebudayaan Eropa klasik. Salah satunya adalah Keluarga Medici yang tenar di Italia. </span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. Munculnya golongan yang mempertanyakan dogma gereja</span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Golongan tersebut bisa muncul karena adanya dominasi gereja yang kuat di Eropa pada Abad Pertengahan. Mereka pun mulai mempertanyakan dogma gereja dan mencari jalan hidup lain. Hal inilah yang menjadi pemantik munculnya </span><strong>golongan pemikir</strong><span style="font-weight: 400;">. </span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Jatuhnya Konstantinopel pada 1453</span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Kejatuhan Konstantinopel (dulu merupakan ibu kota Kekaisaran Romawi Timur) ke tangan Turki Usmani atau Kekaisaran Ottoman membuat sebagian masyarakat di sana pindah ke Eropa. Tidak hanya pindah, mereka juga membawa ide-ide Yunani dan Romawi Klasik yang secara tidak langsung mempengaruhi masyarakat Eropa pada masa itu. </span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. Penemuan mesin cetak</span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Mesin cetak ditemukan oleh Gutenberg dari Mainz, Jerman, pada tahun 1454. Penemuan tersebut mempercepat dan memperluas gagasan tentang revolusi berpikir Renaisans dan humanisme. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Sip, kamu udah tau nih yaa pengertian dan faktor-faktor penyebab Renaissance. Sekarang simak yuk, apa aja sih karakteristik dari Renaissance?</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/reformasi-gereja-lahirnya-agama-protestan-di-dunia">Reformasi Gereja: Pengertian, Latar Belakang, Tokoh & Pengaruhnya | Sejarah Kelas 11</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Karakteristik Renaissance</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Secara garis besar, karakteristik Renaisans ada empat poin nih.</span></p>
<ol>
<li style="text-align: justify;"><strong>Menempatkan manusia sebagai pusat kehidupan</strong><span style="font-weight: 400;">, atau nama lainnya adalah </span><strong>antroposentris</strong><span style="font-weight: 400;">. Dalam hal ini, manusia dinilai dapat mengatur hidupnya sendiri. </span></li>
<li style="text-align: justify;"><strong>Cenderung mengejar kebahagiaan duniawi</strong><span style="font-weight: 400;">, atau disebut juga sebagai </span><strong>hedonisme</strong><span style="font-weight: 400;">. </span></li>
<li style="text-align: justify;"><strong>Menghargai akal pikiran manusia</strong><span style="font-weight: 400;">. </span><span style="font-weight: 400;">Setelah Abad Pertengahan, masyarakat Eropa tidak memiliki kebebasan dalam berpikir. Baru deh di masa Renaissance mulai bermunculan para pemikir Renaissance, seperti Copernicus dan Galileo Galilei. </span></li>
<li style="text-align: justify;"><span style="font-weight: 400;">Dalam bidang seni, karya seni pada masa Renaisans menempatkan </span><strong>manusia</strong><span style="font-weight: 400;"> sebagai </span><strong>objek seni</strong> <span style="font-weight: 400;">secara bebas. Misalnya seperti karya-karya yang dilukis oleh Leonardo da Vinci dan dipahat oleh Michelangelo Buonarroti. </span></li>
</ol>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau kamu perhatikan, empat poin karakteristik ini tuh merujuk ke satu objek, guys. Apa tuh? </span><em>Yes</em><i><span style="font-weight: 400;">, </span></i><strong>manusia</strong> <span style="font-weight: 400;">atau </span><em><strong>human</strong></em><span style="font-weight: 400;">. Maka dari itu, Renaissance erat banget dengan kemunculan </span><strong>humanisme</strong><span style="font-weight: 400;">. Nah, orang yang menganut paham ini disebutnya kaum humanis. </span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/sejarah-kelas-11-perkembangan-kolonialisme-dan-imperialisme-eropa-di-indonesia" target="_blank" rel="nofollow noopener">Perkembangan Kolonialisme dan Imperialisme Eropa di Indonesia | Sejarah Kelas 11</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Lalu, siapa saja ya tokoh-tokoh Renaisans? Apakah tokoh-tokoh tersebut berkaitan erat dengan perkembangan kesenian dan ilmu pengetahuan pada masa Renaisans?</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Tokoh-Tokoh Renaissance</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebenarnya, tokoh Renaissance ada banyak bangettt, guys. Tapi, di sini Kakak bahas beberapa doang ya. Soalnya kalo dibahas semua, wah, artikel ini panjangnya bisa ngalahin jalan Anyer sampai Panarukan! Gak sepanjang itu juga deh. Ehehe.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Yuk, langsung aja kita simak!</span></p>
<p> </p>
<h3><span style="font-size: 14pt;">1. Leonardo da Vinci</span></h3>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/61a901fd-6784-491c-a78b-e78214e89a68.png" alt="Leonardo da Vinci dan Mona Lisa" /></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Leonardo da Vinci merupakan salah satu tokoh Renaissance yang paling populer. </span><span style="font-weight: 400;">Karya lukisnya yang paling terkenal adalah Perjamuan Terakhir atau </span><em>The Last Supper</em> <span style="font-weight: 400;">(akhir abad ke-15) dan Mona Lisa (awal abad ke-16). </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Selain melukis, da Vinci juga pernah membuat sketsa untuk </span><em>The Flying Machine</em><span style="font-weight: 400;">, sebuah alat bermesin yang menggabungkan sepeda dan helikopter. </span></p>
<p> </p>
<h3><span style="font-size: 14pt;">2. Raphael</span></h3>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/31f73e0f-2dfa-4324-95c4-72f5b6cea06a.png" alt="Raphael dan School of Athens" /></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Raphael terkenal dengan </span><del><span style="font-weight: 400;">inovasi seblaknya</span></del><span style="font-weight: 400;"> lukisannya yang berjudul <em>Madonna</em> dan<em> School of Athens</em></span><i><span style="font-weight: 400;">. </span></i><span style="font-weight: 400;">Ia hidup sezaman dengan Leonardo da Vinci dan Michelangelo. </span><i><span style="font-weight: 400;"> </span></i></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Selain di bidang lukis, Raphael juga memiliki bakat di bidang arsitektur. Bahkan, ia juga berkontribusi dalam merenovasi Basilika Santo Petrus (saat ini ada di wilayah Vatikan) yang merupakan gereja terbesar di dunia. </span></p>
<p> </p>
<h3><span style="font-size: 14pt;">3. Donatello</span></h3>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/3a70d90e-e874-4565-a4c2-6a7c4199dd86.png" alt="Donatello dan Patung David" /></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Donatello merupakan salah satu pemahat yang melahirkan karya luar biasa pada era Renaisans. Ia hidup sekitar satu abad sebelum Michelangelo dilahirkan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Donatello biasanya menggunakan bahan marmer dan perunggu sebagai bahan pembuatan patungnya. Beberapa karyanya yang terkenal antara lain <em>The Feast of Herodes</em>, Patung <em>David</em>, Patung <em>Maria Magdalena</em>, dan Patung <em>Saint George</em>. </span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. Michelangelo</span></h3>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/7df0e9f2-6ae2-4810-91f8-f1f03b34a586.png" alt="Michelangelo dan The Creation of Adam" /></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Michelangelo dikenal sebagai pemahat dan juga pelukis. Semasa muda, Michelangelo memiliki ketertarikan untuk mempelajari anatomi tubuh manusia. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Hal inilah yang kemudian mempengaruhi Michelangelo dalam membuat karya seni, khususnya patung. Patung-patung yang dipahat Michelangelo berhasil memperlihatkan otot yang cukup terlihat jelas, seperti patung </span><span style="font-weight: 400;"> </span><em>Pietà</em> <span style="font-weight: 400;"> dan patung David yang merupakan salah satu tokoh Alkitab. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Selain itu, Michelangelo juga melukis langit-langit kapel Sistina di Vatikan. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Lalu, mereka semua bergabung menjadi kura-kura ninja, </span><em>gak deng</em><i><span style="font-weight: 400;">.</span></i><span style="font-weight: 400;"> Tapi serius, nama mereka sama dengan karakter kura-kura ninja, karena kura-kura ninja terinspirasi oleh mereka. Keren kaan?</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/revolusi-amerika" target="_blank" rel="nofollow noopener">Sejarah Revolusi Amerika dan Dampaknya Kepada Dunia | Sejarah Kelas 11</a></strong></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Oiya, </span><em>fun fact</em><i><span style="font-weight: 400;">–</span></i><span style="font-weight: 400;">nya, keempat tokoh yang barusan kita bahas berasal dari Italia, loh! Wah, gak heran guys, soalnya Italia, tepatnya di kota Florence, merupakan pusat perkembangan kebudayaan pada masa Renaissance.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Keempat tokoh tadi kan bergeraknya di bidang kesenian ya. Nah, tapi ada<strong> tokoh lain yang bergerak di bidang keilmuan</strong>, misalnya seperti:</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. Nicolaus Copernicus</span></h3>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/5214803f-a739-48f5-9a08-90dfd17eb92d.png" alt="Nicolaus Copernicus" /></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nicolaus Copernicus terkenal karena mengemukakan <strong>Teori Heliosentris</strong>. Pada awalnya, sejak sekitar tahun 380 SM, manusia menganggap bahwa bumi merupakan pusat tata surya. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Namun, pendapat tersebut tidak sejalan dengan teori yang dikemukakan oleh Copernicus. Sebab, menurutnya, mataharilah yang merupakan pusat tata surya. Pendapat Copernicus ini dikenal sebagai Teori Heliosentris.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Meskipun pada awalnya teori ini tidak dapat diterima secara langsung oleh pihak gereja dan masyarakat, tapi saat ini kita meyakini bahwa pendapat Copernicus tentang matahari yang menjadi pusat tata surya benar adanya. </span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">6. Galileo Galilei</span></h3>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/7072f1a1-74de-4838-8d6d-6889caca1d77.png" alt="Galileo Galilei" /></p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Galileo Galilei dikenal sebagai bapak astronomi modern karena berhasil menciptakan <strong>teleskop</strong>. Lewat penemuannya tersebut, Galileo secara tidak langsung membuktikan kebenaran Teori Heliosentris yang dikemukakan oleh Copernicus. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Meskipun begitu, pada masa itu gereja masih meyakini bahwa bumi adalah pusat dari alam semesta atau tata surya. Untuk itulah, Galileo memiliki pandangan yang berbeda dengan gereja. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Hal tersebut justru membuat Galileo harus menjalani hukuman penjara seumur hidup. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Wah, mantap! Kamu udah membaca hampir sebagian besar pembahasan Renaissance nih. Tenang, masih ada satu pembahasan terakhir, yaitu tentang pengaruh Renaissance, khususnya bagi kehidupan masyarakat Eropa pada masa itu, bahkan bagi dunia hingga masa sekarang.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Pengaruh Renaissance</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Biar kamu lebih gampang memahaminya, Kakak akan bagi dua pengaruh Renaissance. Ada yang di bidang sosial budaya dan bidang ekonomi.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;">1. Bidang Sosial Budaya</span></h3>
<p><span style="font-weight: 400;">Dalam bidang sosial budaya, pengaruh renaisans antara lain:</span></p>
<ol style="list-style-type: lower-alpha;">
<li style="text-align: justify;"><span style="font-weight: 400;">Terbentuknya pondasi atau dasar pemikiran humanisme, kebebasan individu, dan kebebasan berpikir.</span></li>
<li style="text-align: justify;"><span style="font-weight: 400;">Berkurangnya dominasi Gereja Katolik.</span></li>
<li style="text-align: justify;"><span style="font-weight: 400;">Peran negara lebih kuat dari sebelumnya, meskipun peran gereja masih lebih kuat.</span></li>
<li style="text-align: justify;"><span style="font-weight: 400;">Tumbuh seni klasik di Eropa yang hingga saat ini masih dapat dinikmati hingga sekarang. Contohnya seperti karya seni para tokoh yang sudah kita bahas sebelum ini. </span></li>
</ol>
<p> </p>
<h3><span style="font-size: 14pt;">2. Bidang Ekonomi</span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Sementara, pengaruh Renaisans di bidang ekonomi adalah munculnya </span><strong>merkantilisme</strong><span style="font-weight: 400;">. Merkantilisme</span> <span style="font-weight: 400;">adalah kesadaran bahwa </span><strong>kesejahteraan suatu negara</strong> <span style="font-weight: 400;">ditentukan oleh</span><strong> banyaknya aset atau modal </strong><span style="font-weight: 400;">yang dimiliki, serta</span><strong> banyaknya volume perdagangan </strong><span style="font-weight: 400;">global suatu negara. </span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/apa-yang-dimaksud-dengan-sistem-ekonomi-merkantilisme">Merkantilisme: Pengertian, Latar Belakang, dan Dampak | Sejarah Kelas 11</a></strong></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;"><span style="font-weight: 400;">Gimana guys, kamu sudah tahu kan pembahasan lengkap tentang Renaissance atau Renaisans, mulai dari pengertian, faktor-faktor, karakteristik, tokoh-tokoh, hingga pengaruhnya? Jadi, kalau kamu nanti dengar kata Renaissance, kamu tidak perlu lagi bingung mencari maksudnya apa. </span></p>
<p style="text-align: justify;"><i><span style="font-weight: 400;">Nah</span></i><span style="font-weight: 400;"> biar kamu lebih paham, kamu boleh tonton videonya di</span><strong> <a href="https://ruangguru.com/belajar?utm_medium=referral&utm_source=blog&utm_campaign=&referralCookiesId=7e5078cb-210a-4f77-89c9-8568d660ff89">ruangbelajar</a></strong> <span style="font-weight: 400;">materi </span><strong>Sejarah kelas 11</strong><span style="font-weight: 400;">, ya!</span></p>
<p style="text-align: center;"><strong><a class="rg-cta" style="text-align: center;" href="https://link.ruangguru.com/blPk/eaff0eb9" target="_blank" rel="noopener"><img decoding="async" class="aligncenter" src="https://cdn-web.ruangguru.com/landing-pages/assets/cta/0ec4a2df-db2e-4ae1-8473-692756dcb684.jpeg" alt="IDN CTA Blog ruangbelajar Ruangguru" /></a></strong></p>
<p style="text-align: left;"><strong>Referensi:</strong></p>
<p><span style="font-weight: 400;">Hapsari, R. Adil, M. (2016) Sejarah untuk SMA/MA Kelas XI. Jakarta: Erlangga.</span></p>
<p><span style="font-weight: 400;">Renaissance [daring]. Tautan: https://www.britannica.com/event/Renaissance (Diakses: 21 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Biografi Tokoh Dunia: Raphael, Pelukis Terhebat Zaman High Renaissance [daring]. Tautan: https://internasional.kompas.com/read/2019/04/05/22572311/biografi-tokoh-dunia-raphael-pelukis-terhebat-zaman-high-renaissance?page=all (Diakses: 21 Agustus 2023)</span></p>
<p style="text-align: left;"><strong>Sumber Foto:</strong></p>
<p><span style="font-weight: 400;">Foto patung David [Daring]. Tautan: https://www.timesofisrael.com/london-museum-said-planning-exhibit-with-farting-david-statue/ (Diakses: 22 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Foto Leonardo da Vinci [Daring]. Tautan: https://en.wikipedia.org/wiki/Leonardo_da_Vinci#/media/File:Francesco_Melzi_-_Portrait_of_Leonardo.png (Diakses: 22 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Foto Mona Lisa [Daring]. Tautan: https://en.wikipedia.org/wiki/Mona_Lisa#/media/File:Mona_Lisa,_by_Leonardo_da_Vinci,_from_C2RMF_retouched.jpg (Diakses: 22 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Foto Raphael [Daring]. Tautan: https://upload.wikimedia.org/wikipedia/commons/f/f6/Raffaello_Sanzio.jpg (Diakses: 22 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Foto The School of Athens [Daring]. Tautan: https://en.wikipedia.org/wiki/The_School_of_Athens#/media/File:%22The_School_of_Athens%22_by_Raffaello_Sanzio_da_Urbino.jpg (Diakses: 22 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Foto Donatello [Daring]. Tautan: https://en.wikipedia.org/wiki/Donatello#/media/File:Cinque_maestri_del_rinascimento_fiorentino,_XVI_sec,_donatello.JPG (Diakses: 22 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Foto patung David [Daring]. Tautan: https://en.wikipedia.org/wiki/David_(Donatello)#/media/File:Florence_-_David_by_Donatello.jpg (Diakses: 22 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Foto Michelangelo [Daring]. Tautan: https://en.wikipedia.org/wiki/Michelangelo#/media/File:Michelangelo_Daniele_da_Volterra_(dettaglio).jpg (Diakses: 22 Agustus 2023)</span></p>
<p><span style="font-weight: 400;">Foto The Creation of Adam [Daring]. Tautan: https://en.wikipedia.org/wiki/The_Creation_of_Adam#/media/File:Michelangelo_-_Creation_of_Adam_(cropped).jpg (Diakses: 22 Agustus 2023)</span></p>
<p> </p>
<p style="text-align: left;"><em>Artikel ini pertama kali ditulis oleh <span style="color: #0000ff;"><a style="color: #0000ff;" href="https://www.ruangguru.com/blog/author/seno-aji"><strong>Seno Aji</strong></a></span>, kemudian diperbarui oleh Laras Sekar Seruni.</em></p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/kelas-11" rel="tag">Kelas 11</a> <a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a> <a href="https://www.ruangguru.com/blog/tag/sejarah-xi" rel="tag">Sejarah XI</a> <a href="https://www.ruangguru.com/blog/tag/sma" rel="tag">SMA</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/aeeaba5f-9435-4887-8d21-6157c0fe083f.jpeg" alt="">
<div>
<h5 class="author-title">Laras Sekar Seruni</h5>
<p class="author-description">Content Writer and Content Performance at Ruangguru. Writing is my cup of tea. I hope you enjoy and may learn a new thing! ^^</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 Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya | Sejarah Kelas 11%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan"><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/renaissance-eropa-menuju-masa-kebangkitan&quote=Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya | Sejarah Kelas 11"> <img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook " /> </a>
</li>
<li>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya | Sejarah Kelas 11&url=https://www.ruangguru.com/blog/renaissance-eropa-menuju-masa-kebangkitan"> <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/renaissance-eropa-menuju-masa-kebangkitan&title=Sejarah Renaissance (Renaisans): Pengertian, Faktor, Tokoh & Pengaruhnya | Sejarah Kelas 11"><img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading="lazy" alt="Logo LinkedIn " /></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 sticky">
<aside id="sidebar">
<div class="side-banner-desktop">
</div>
<div class="glider-navigation desktop">
<div role="tablist" class="dots" id="side-banner-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<h2 style="font-size: 24px; font-weight: bold; margin-bottom: 16px;margin-top: 16px;">Artikel Terbaru</h2>
<ul>
<li>
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" alt="Pergerakan Nasional" class="external-img wp-post-image " /> <span>Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" alt="Runtuhnya Uni Soviet" class="external-img wp-post-image " /> <span>Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" class="external-img wp-post-image " /> <span>Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/9-lembaga-dan-pelaku-pasar-modal-di-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/279825ac-672b-43f9-b66e-a1c7ec87f784.png" alt="Pelaku Pasar Modal di Indonesia" class="external-img wp-post-image " /> <span>9 Lembaga dan Pelaku Pasar Modal di Indonesia | Ekonomi Kelas 10</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/peristiwa-kontemporer-dunia-perpecahan-cekoslovakia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/2a1a35c0-f1f5-45d4-8869-ff5083bd90e5.png" alt="Perpecahan Cekoslowakia" class="external-img wp-post-image " /> <span>Latar Belakang Perpecahan Cekoslowakia dan Penyebabnya | Sejarah Kelas 12</span>
</a>
</li>
</ul>
</aside>
</div>
</div>
<div class="row">
<div class="col-12">
<section class="related-posts">
<h2 class="page-title">
Artikel Lainnya
</h2>
<div class="content-grid">
<div class="content">
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11 </h2>
<div class="content-meta">
<span>March 6, 2026</span> <span>• 8 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span></span> <span>• 11 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span>March 5, 2026</span> <span>• 5 minutes read</span>
</div>
</div>
</a>
</div>
</div>
</section> </div>
</div>
<div class="banner-product-wrapper">
<a href="https://cta.ruangguru.com/7c02db90-610d-11ee-80fe-4201ac180089" target="_blank" class="alert alert-dismissible fade show banner-product" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<!-- <p>Yuk pilih kelas dan materi belajar kamu di sini</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0e292531-9ee1-4eed-92f5-b5c053eea4c2.svg" width="42px" height="42px" class="arrow-right"> -->
<img class="image-floating-bottom" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d19eb9b6-999d-4b92-87c6-c4fb32000d73.png?convert=web" />
</a>
</div>
</div>
</div>
<script>
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
async function replaceCtaMarkupAsync() {
await sleep(2000);
alert("replace")
const contentBody = document.querySelector('.content-body');
const paragraphs = contentBody.querySelectorAll('p');
const regexPattern = /{{cta\(['"](.+?)['"]\)}}/g;
paragraphs.forEach((paragraph) => {
const originalHTML = paragraph.innerHTML;
let modifiedHTML = '';
let lastIndex = 0;
for (const match of originalHTML.matchAll(regexPattern)) {
const ctaId = match[1];
modifiedHTML += originalHTML.slice(lastIndex, match.index) + `<b>${ctaId}</b>`;
lastIndex = match.index + match[0].length;
}
modifiedHTML += originalHTML.slice(lastIndex);
paragraph.innerHTML = modifiedHTML;
});
document.addEventListener("DOMContentLoaded", () => {
replaceCtaMarkupAsync();
});
}
</script>
<div class="modal fade" id="popupPromo" tabindex="-1" aria-labelledby="popupPromoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-content">
<div class="button-wrapper">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="glider-contain">
<div class="glider">
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/4680961a-4e01-4169-8ff4-da0823d0da6c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg-1">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rasionalisasi-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ec15e92-707a-4660-8134-11f1c1e539a8.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-snbt-reg-2026-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-blog-to-snbt-prem">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-prem-tka-sd-smp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/e6888a56-1d95-4d8a-b87a-b19b8a185651.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rgp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/851003e6-07b5-40d1-9068-f9b0bcb1625a.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/25f78174-4fc2-11ef-9a39-4201ac180089">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/kitab-tka-smp-popup-blog">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitab-utbk-snbt-lite">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitablitetkasmp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/50097055-1862-46a8-bbe0-fa5b077f88bb.png" />
</a>
</div>
<div class="glider-navigation">
<div role="tablist" class="dots" id="popup-promo-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="popup-promo-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="popup-promo-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var jsonString = '[{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":696,"UpdatedAt":"2026-02-25 02:12:12+00:00","campaign":null,"cta":[{"Id":31467,"ctaId":"ab-web-pop-up-banner-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b9b5f501-be14-4e3f-9ad8-a87e17ec16e9.png","name":"[AB] Web Pop Up Banner - Blog RG","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/4680961a-4e01-4169-8ff4-da0823d0da6c.png","name":"[RG] Popup Banner Blog - Promo SNBT Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":1,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":705,"UpdatedAt":"2026-02-23 10:52:46+00:00","campaign":null,"cta":[{"Id":33341,"ctaId":"ab-web-pop-up-banner-blog-rg-1","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg-1)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f30c4943-4456-4a96-858b-fe065c9073ae.png","name":"[AB] Web Pop Up Banner - Blog RG 1","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png","name":"[RG] Popup Banner Blog - Promo TKA Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":2,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":657,"UpdatedAt":"2026-02-06 03:52:10+00:00","campaign":null,"cta":[{"Id":33189,"ctaId":"rasionalisasi-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rasionalisasi-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog - Rasionalisasi","targetUrl":"https:\/\/www.ruangguru.com\/rasionalisasi"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog RG - Rasionalisasi","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":3,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":677,"UpdatedAt":"2026-02-12 02:22:12+00:00","campaign":null,"cta":[{"Id":33305,"ctaId":"to-snbt-reg-2026-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-snbt-reg-2026-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[IDN] CTA Popup Blog RG - Tryout SNBT Regular 2026","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKREG7"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[RG] Popup Blog RG - Tryout Regular 2026","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":4,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2026-02-05 10:16:52+00:00","Id":689,"UpdatedAt":"2026-03-05 02:41:12+00:00","campaign":null,"cta":[{"Id":33338,"ctaId":"pop-blog-to-snbt-prem","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-blog-to-snbt-prem)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Popup Blog - TO SNBT Prem","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKPREM"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Pop blog - TO SNBT Prem","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":5,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":679,"UpdatedAt":"2026-03-04 03:44:16+00:00","campaign":null,"cta":[{"Id":33304,"ctaId":"to-prem-tka-sd-smp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-prem-tka-sd-smp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/1bf472e1-62f4-4aa9-ab8c-4fa72a82dd7b.png","name":"[RG] Pop Up Blog RG - TO Premium TKA SD SMP","targetUrl":"https:\/\/s.id\/TOTKAPREMSDSMP"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/e6888a56-1d95-4d8a-b87a-b19b8a185651.png","name":"[RG] Popup Blog RG - TO TKA Premium SD SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":6,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-08-25 04:25:04+00:00","Id":672,"UpdatedAt":"2026-02-06 03:52:17+00:00","campaign":null,"cta":[{"Id":33285,"ctaId":"rgp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rgp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","targetUrl":"https:\/\/www.ruangguru.com\/privat"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":7,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":379,"UpdatedAt":"2026-03-06 01:54:52+00:00","campaign":null,"cta":[{"Id":31356,"ctaId":"25f78174-4fc2-11ef-9a39-4201ac180089","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/25f78174-4fc2-11ef-9a39-4201ac180089)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f60bc49c-c00f-4a5e-80a2-2552fa18ae21.jpg","name":"CTA Blog RG - Kitab UTBK SNBT","targetUrl":"https:\/\/bit.ly\/orderkitabrg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg","name":"[RG] Pop Up Blog RG - Kitab UTBK SNBT","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":8,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":587,"UpdatedAt":"2026-03-06 01:55:00+00:00","campaign":null,"cta":[{"Id":33020,"ctaId":"kitab-tka-smp-popup-blog","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/kitab-tka-smp-popup-blog)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/9ea9eca7-9ef7-433c-baad-14bc1019f890.jpg","name":"[RG] Pop up blog - Kitab TKA SMP","targetUrl":"https:\/\/bit.ly\/kitabtkasmprg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg","name":"[RG] Pop Up Blog RG - Kitab TKA SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":9,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-12 10:28:45+00:00","Id":636,"UpdatedAt":"2026-02-06 03:52:20+00:00","campaign":null,"cta":[{"Id":33149,"ctaId":"pop-rg-kitab-utbk-snbt-lite","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitab-utbk-snbt-lite)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/8d6f8639-cfff-4d64-89ea-f68bfe7a868c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","targetUrl":"https:\/\/s.id\/litesnbt26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":10,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-14 08:09:42+00:00","Id":647,"UpdatedAt":"2026-02-06 03:52:21+00:00","campaign":null,"cta":[{"Id":33160,"ctaId":"pop-rg-kitablitetkasmp","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitablitetkasmp)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/20edba9b-ef84-4938-b698-4a82783478a5.png","name":"[RG] Pop blog - kitab lite tka smp","targetUrl":"https:\/\/s.id\/litetkasmp26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/50097055-1862-46a8-bbe0-fa5b077f88bb.png","name":"[RG] Pop blog - kitab lite tka smp","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":11,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"}]';
var jsArray = JSON.parse(jsonString);
console.log(jsArray);
</script>
<script>
let windowHeight = window.innerHeight;
let promosLength = 11;
document.addEventListener('DOMContentLoaded', function() {
// Initialize Bootstrap Modal
let popupPromo = new bootstrap.Modal(document.getElementById('popupPromo'), {});
// Initialize Glider.js inside the Bootstrap Modal
function initGliderInModal() {
new Glider(document.querySelector('#popupPromo .glider'), {
slidesToScroll: 1,
slidesToShow: 1,
draggable: true,
dots: '#popup-promo-dots',
arrows: {
prev: '#popup-promo-prev',
next: '#popup-promo-next'
}
});
}
// Show Bootstrap Modal and initialize Glider.js after a specified scroll amount
const scrollThreshold = 2 / 3 * windowHeight; // The scroll amount in pixels to trigger the Modal
let gliderInitialized = false;
window.addEventListener('scroll', function() {
if (window.scrollY >= scrollThreshold && !gliderInitialized && promosLength > 0) {
popupPromo.show();
// Listen for the 'shown' event to initialize Glider.js after the Modal has been fully displayed
$('#popupPromo').on('shown.bs.modal', function() {
initGliderInModal();
gliderInitialized = true;
// Optionally, remove the 'shown' event listener after initializing the Glider to avoid re-initializing
$('#popupPromo').off('shown.bs.modal');
});
// Remove the scroll event listener after the Modal is shown to avoid re-initializing the Glider
this.removeEventListener('scroll', arguments.callee);
}
});
});
</script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable-min@0.4.5/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = window._analytics.init({
app: "ruangguruLanding",
debug: false,
plugins: [analyticsTrackable()],
});
/* Additional context tracker pageView */
const post_id = 10132;
const tags_id = [31,10,265,37];
const category_id = 520;
const sub_category_id = 525;
const customData = {
tags_id: tags_id,
category_id: category_id,
sub_category_id: sub_category_id,
post_id: post_id,
};
Analytics.plugins.trackable.context(JSON.stringify(customData));
Analytics.ready(function () {
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="office">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/static/RG_LOGO_WHITE.png?convert=auto" alt="Logo Ruangguru" loading="lazy" />
</a>
<address>
<p class="hq">RUANGGURU HQ</p>
<p>
Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920
</p>
</address>
</div>
<nav class="footer-menu call-us">
<p class="title">Hubungi Kami</p>
<address>
<a href="mailto:info@ruangguru.com">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4739a139-8f09-42ea-b517-d842c5d1c28d.png" loading="lazy" alt="Logo Email Footer" />
info@ruangguru.com</a>
<a href="tel:02130930000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/6f4bb6c8-52c9-4acb-859b-47a10a7eec75.png" loading="lazy" alt="Logo Phone Footer" />(021) 3093 0000</a>
<a href="https://wa.me/6281574410000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4b58468a-b2f9-40e4-867f-d3242a065dcf.png" loading="lazy" alt="Logo Whatsapp Footer" />0815 7441 0000</a>
</address>
</nav>
<nav class="footer-menu social d-none d-lg-block">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Ruangguru</p>
<ul type="none">
<li><a href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a></li>
<li><a href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a></li>
<li><a href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a></li>
<li><a href="https://www.ruangguru.com/for-kids/kursus">Kursus for Kids</a></li>
<li><a href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a></li>
<li><a href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a></li>
<li><a href="https://www.ruangguru.com/ruanguji">Ruanguji</a></li>
<li><a href="https://www.ruangguru.com/blog">Ruangbaca</a></li>
<li><a href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a></li>
<li><a href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a></li>
<li><a href="https://pengajar.ruangguru.com/">Ruangpengajar</a></li>
<li><a href="https://www.ruangguru.com/privat">Ruangguru Privat</a></li>
<li><a href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Bantuan & Panduan</p>
<ul type="none">
<li><a href="https://www.ruangguru.com/company-credentials">Company Credentials</a></li>
<li><a href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/promo">Promo Ruangguru</a></li>
<li><a href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a></li>
<li><a href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a></li>
<li><a href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a></li>
<li><a href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a></li>
<li><a href="https://www.ruangguru.com/about-us">Tentang Kami</a></li>
<li><a href="https://www.ruangguru.com/contact-us">Kontak Kami</a></li>
<li><a href="https://www.ruangguru.com/press">Press Kit</a></li>
<li><a href="https://www.ruangguru.com/bantuan">Bantuan</a></li>
<li><a href="https://career.ruangguru.com/">Karier</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Lainnya</p>
<ul type="none">
<li><a href="https://www.brainacademy.id/" target="_blank">Brain Academy</a></li>
<li><a href="https://www.english-academy.id/" target="_blank">English Academy</a></li>
<li><a href="https://skillacademy.com/" target="_blank">Skill Academy</a></li>
<li><a href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a></li>
<li><a href="https://www.schoters.com/id/" target="_blank">Schoters</a></li>
<li><a href="https://www.kalananti.id/" target="_blank">Kalananti</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title"> Coba GRATIS Aplikasi Ruangguru</p>
<div class="download-list">
<ul>
<li>
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img src="https://cdn-web-2.ruangguru.com/static/appstore.png" loading="lazy" alt="Button App Store Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img src="https://cdn-web-2.ruangguru.com/static/googleplay.png" loading="lazy" alt="Button Google Play Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<img src="https://cdn-web-2.ruangguru.com/static/huawei.png" loading="lazy" alt="Button AppGallery Footer " />
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center">
<nav class="footer-menu social">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<p class="footer-copyright">
© 2026 All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
<style>
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
</style>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table="rg_floating_icon"></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_floating_icon') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_floating_icon';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,blog)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
console.log(data.list);
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_floating_icon';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script> <div id="wp-install-nudge" style="
position: fixed;
bottom: 0rem;
right: 0;
z-index: 999;
cursor: pointer;
"></div>
<script>
(function (w, d, s, o, f, js, fjs) {
w['Sales-Nudge-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'wpInstallNudge', 'https://cdn-web-2.ruangguru.com/sales-nudge/6198a95130/dist/widget.js'));
wpInstallNudge('init', { targetElementId: 'wp-install-nudge', clientTarget: 'ruangguru_blog' });
</script>
<script>
// note: disabled due to auto reload page
// var lastScrollTop = 0;
// $(window).scroll(function(event){
// var st = $(this).scrollTop();
// if (st > lastScrollTop){
// $('#wp-install-nudge').slideDown( "slow", function() {});
// } else {
// $('#wp-install-nudge').slideUp( "slow", function() {});
// }
// lastScrollTop = st;
// });
// $(document).ready(function () {
// $("#wp-install-nudge").hide();
// });
$('#wp-install-nudge').click(function(){
Analytics.track("promotion__install_nudge__click",
{
user_email: "ruangguru@blog.com",
cta_link: widgetData.dataConfig.target_link
}).catch((err) => {
console.log("tracker error", err);
});
});
</script>
</footer>
<div id="__next"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog\/*"},{"not":{"href_matches":["\/blog\/wp-*.php","\/blog\/wp-admin\/*","\/blog\/wp-content\/uploads\/*","\/blog\/wp-content\/*","\/blog\/wp-content\/plugins\/*","\/blog\/wp-content\/themes\/ruangguru\/*","\/blog\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
async function getCtaDetails(ctaIds) {
const endpoint =
" https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/CTA/views/CTA?offset=0&limit=10&where=(ctaId,in," + ctaIds.toString() + ")";
try {
const response = await fetch(endpoint, {
headers: {
"xc-token": "-hG2nBDJzSj0agSgNtcJx97M4F02y54nUMoY6plJ",
},
});
const data = await response.json();
const ctaList = data?.list || [];
const ctaMap = new Map();
for (const ctaData of ctaList) {
ctaMap.set(ctaData.ctaId, ctaData);
}
return ctaMap;
} catch (error) {
console.error("Error fetching CTA details:", error);
return new Map();
}
}
async function replaceCTA() {
const regex = /{{cta\((‘(.*?)’|“(.*?)”)\)}}/g;
const bodyHTML = document.body.innerHTML;
const matches = Array.from(bodyHTML.matchAll(regex));
const ctaIds = matches.map((match) => {
let ctaId = match[2] ?? match[3];
return ctaId;
});
const ctaMap = await getCtaDetails(ctaIds);
const replacedHTML = bodyHTML.replace(regex, (match, _inner, ctaId1, ctaId2) => {
const ctaId = ctaId1 ?? ctaId2;
const ctaData = ctaMap.get(ctaId);
if (ctaData) {
return `<a href="https://cta.ruangguru.com/${ctaData.ctaId}" target="_${ctaData.targetType}" style="position:relative;display:inline-block;">
<img src="${ctaData.imageUrl}" loading="lazy" alt="${ctaData.altText}" />
</a>`;
} else {
return match;
}
});
document.body.innerHTML = replacedHTML;
}
</script>
<meta name="author" content="Ruangguru Tech Team">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Tracker -->
<script type="text/javascript" src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
</body>
</html>