Artikel Geografi kelas 11 ini membahas apa itu bencana alam dari pengertian, jenis-jenis, siklus, hingga dampaknya. Mari kita bahas bersama-sama guys!
—
Sebagian besar dari kamu pasti pernah dengar berita tentang gempa bumi, banjir, atau letusan gunung, kan? Bencana-bencana itu sering banget muncul di media dan kadang bahkan terjadi di sekitar kita. Ngga cuma merusak bangunan, tapi juga bisa mempengaruhi kehidupan banyak orang, mulai dari kehilangan tempat tinggal sampai terganggunya aktivitas sehari-hari.
Bencana alam bukan cuma soal kejadian yang mengerikan dan bikin panik. Di balik itu semua, ada proses alam yang kompleks dan kadang juga diperparah oleh ulah manusia sendiri. Misalnya, penggundulan hutan yang bikin banjir makin parah, atau pembangunan tanpa perencanaan yang bikin wilayah jadi rawan longsor.
Makanya, penting banget buat kita paham apa itu bencana alam, kenapa bisa terjadi, dan gimana cara menghadapinya. Dengan mengenal lebih dalam tentang bencana alam, kita bisa lebih waspada dan siap ketika menghadapi situasi darurat. Nah, biar kalian makin ngerti, yuk kita mulai bahas dari dasar dulu: apa sih bencana alam itu?
Pernah ngga sih kalian menonton berita terus melihat ada gempa bumi, banjir, atau gunung meletus? Nah, itu semua termasuk bencana alam yang sering banget terjadi di berbagai tempat, baik di Indonesia maupun luar negeri.
Tapi bencana alam itu sebenarnya apa, sih? Apakah cuma peristiwa yang bikin rusak lingkungan, atau ada makna yang lebih dalam?
Bencana alam adalah peristiwa alam yang ekstrem dan seringkali tidak dapat diprediksi, yang mengakibatkan kerusakan fisik, ekonomi, dan sosial yang signifikan. Peristiwa ini bisa terjadi secara tiba-tiba dan tanpa keterlibatan manusia, seperti gempa bumi, tsunami, atau letusan gunung berapi.
Menurut UU No. 24 Tahun 2007, bencana adalah gangguan serius yang nggak bisa langsung diatasi masyarakat sendiri karena skalanya yang gede banget. Nah, menurut BNPB, bencana itu terjadi karena pertemuan antara fenomena alam dan kerentanan masyarakat di wilayah tersebut.
Namun, ada juga bencana yang dipicu oleh aktivitas manusia, seperti kebakaran hutan akibat pembakaran lahan. Intinya, bencana alam menyebabkan kerugian besar bagi manusia dan lingkungan sekitar.
Kalo dibagi, bencana alam bisa dibagi jadi tiga:
1. Bencana alam -> Bencana yang melibatkan faktor alam. Pokoknya ada kekuatan alam yang berperan dalam terjadinya bencana, seperti gempa bumi dan erupsi gunung api.
2. Bencana non alam -> Bencana yang terjadi karena ada faktor non alam, misalnya adanya kesalahan manusia (human error) seperti tanah longsor dan banjir yang diakibatkan karena adanya penebangan liar (illegal logging).
3. Bencana sosial -> Bencana yang melibatkan manusia seperti kerusuhan dan konflik sosial.
Baca Juga: Konflik Sosial: Pengertian, Bentuk, Macam, dan Contoh | Sosiologi Kelas 11
Karakteristik Bencana Alam
Secara garis besar, bencana alam punya dua karakteristik, yaitu:
1. Bencana Geologis
Bencana geologis adalah bencana yang diakibatkan oleh proses geologis yang terjadi di dalam bumi. Bisa karena danya pergeseran lempeng atau aktivitas vulkanis. Misalnya:
a. Tsunami
Tsunami adalah gelombang besar yang timbul karena adanya pergerakan dengan kekuatan besar yang terjadi secara tiba-tiba karena ada peristiwa tertentu yang terjadi di dasar laut. Peristiwa di sini maksudnya bisa berupa gempa bumi yang skalanya besar, dengan pusat gempa dangkal, dan ada di wilayah laut. Bisa juga karena adanya letusan gunung api di bawah laut, dan longsoran besar di bawah laut.
b. Erupsi gunung api
Erupsi gunung api adalah ketika magma yang ada di dalam perut bumi keluar karena adanya dorongan gas bertekanan tinggi. Erupsi ini bisa menimbulkan dua jenis bahaya; yaitu bahaya primer dan bahaya sekunder. Kalau bahaya primer adalah bahaya yang langsung terjadi saat proses erupsi berlangsung. Sementara, bahaya sekunder adalah bahaya yang terjadi setelah proses erupsi, misalnya seperti banjir lahar dingin.
c. Gempa bumi
Gempa bumi adalah getaran yang terjadi di lapisan kulit bumi. Penyebabnya adalah pelepasan energi dari dalam bumi secara tiba-tiba. Gempa bumi ini bisa diakibatkan oleh beberapa hal, seperti tektonisme, aktivitas gunung api, runtuhnya gua bawah tanah, dan jatuhnya meteor.
2. Bencana Hidrometeorologi / Klimatologis
Bencana hidrometeorologi atau klimatologis adalah bencana yang berhubungan sama fenomena iklim, cuaca, dan siklus air. Contoh dari bencana hidrometeorologi / klimatologis di antaranya:
a. Kekeringan
Kekeringan adalah kurangnya kandungan air dalam tanah yang disebabkan karena adanya kemarau panjang dan intensitas hujan yang rendah. Kekeringan juga berkaitan dengan fenomena El Nino yang menyebabkan rendahnya intensitas hujan di Indonesia.
b. Banjir
Banjir adalah kondisi tergenangnya suatu wilayah oleh air dalam jumlah besar dan dapat berlangsung lama. Biasanya, banjir disebabkan oleh intensitas hujan yang sangat tinggi dan sungai tidak mampu menampung volume air. Banjir juga bisa disebabkan oleh pasang air laut atau dikenal juga dengan banjir rob.
c. Longsor
Longsor adalah bencana alam yang terjadi karena adanya pergerakan massa tanah dan batuan ke wilayah yang lebih rendah. Beberapa hal yang memengaruhi terjadinya longsor yaitu derajat kemiringan lereng, tutupan lahan, bahkan penebangan liar, dan lain-lain.
d. Badai
Badai adalah bencana yang terjadi saat cuaca ekstrim, yang dimulai dari hujan es, badai salju, bahkan badai pasir dan debu. Badai berasal dari samudra yang hangat. Penyebabnya antara lain tingginya suhu permukaan air laut dan perubahan tekanan udara yang terjadi di atmosfer bumi.
Baca Juga: 9 Bencana Alam Terdahsyat yang Pernah Terjadi di Indonesia
Jenis-Jenis Bencana Alam
Karakteristik bencana alam yang barusan kamu pelajari berhubungan erat dengan beberapa jenis bencana alam berikut ini, guys. Yuk sekarang simak beberapa jenis bencana alam yang umum terjadi:
Tektonisme adalah pergerakan horizontal dan vertikal yang menyebabkan perubahan bentuk permukaan bumi. Gerakan pada tektonisme disebut gerakan tektonik.
Tektonisme dapat menimbulkan terjadinya bencana alam seperti erosi, gempa bumi, dan tanah longsor.
Singkatnya, vulkanisme adalah segala peristiwa yang berhubungan dengan magma yang keluar menuju permukaan bumi melalui rekahan dalam kerak bumi. Contohnya seperti erupsi gunung berapi.
Bisa dibilang, seisme dan gempa bumi itu sama aja ya guys. Kurang lebih pengertiannya begini, seisme adalah aktivitas pelepasan energi yang menyebabkan getaran seismik. Jadi, dalam seisme, terjadi getaran karena adanya tumpukan energi yang membuat lempeng benua dan lempeng samudera bergetar.
Siklus hidrologi adalah rangkaian atau tahapan yang dilalui oleh air dari bumi, ke atmosfer, dan kembali lagi ke bumi. Siklus hidrologi bisa juga disebut sebagai siklus air.
Siklus air ini erat banget kaitannya dengan karakteristik bencana hidrometeorologi seperti banjir.
Jenis bencana meteorologi biasanya berkaitan erat dengan cuaca. Misalnya seperti siklon tropis, thunderstorm atau badai, tornado, kekeringan, hingga blizzard atau kondisi cuaca sangat ektrem yang temperaturnya rendah (biasanya terjadi saat musim dingin).
6. Campuran
Kalau jenis bencana campuran artinya bencana yang terjadi yang disebabkan oleh beberapa jenis sekaligus. Misalnya seperti tornado yang dibarengi dengan kebakaran, atau erupsi gunung yang dibarengi dengan gempa bumi, hingga gempa yang dibarengi dengan tsunami.
Contoh Bencana Alam yang Pernah Terjadi di Indonesia
Biar makin paham, yuk lihat beberapa contoh bencana alam melalui beberapa bencana alam di Indonesia!
1. Letusan Gunung Merapi (sekitar 929)
Pada tahun ini, Indonesia memang belum berdiri. Tapi, letusan Merapi berhasil memindahkan sebuah kerajaan besar yang awalnya berada di Jawa bagian tengah ke Jawa bagian timur. Ada yang tau kerajaan apa? Medang atau Mataram Kuno, guys!
Dapat disimpulkan, terkuburnya candi-candi peninggalan kerajaan ini (seperti Borobudur, Prambanan, Sambisari, dan lain-lain) diakibatkan karena dahsyatnya letusan Gunung Merapi yang terjadi pada masa itu.
Baca Juga: Sejarah Kerajaan Sriwijaya, Mataram Kuno, dan Medang | Sejarah Kelas 10
2. Letusan Gunung Tambora (1815)
Gunung yang terletak di Pulau Sumbawa ini meletus pada tahun 1815, dan tercatat sebagai salah satu letusan gunung berapi paling mematikan dalam sejarah. Kurang lebih ada 71.000 orang yang meninggal karena letusan ini. Dampaknya juga ‘manjang’ nih guys. Pasca letusan, daerah sekitarnya terkena gagal panen dan kekurangan pangan, sehingga banyak orang yang meninggal setelah letusan.
Tidak hanya di daerah sekitar letusan aja, akibat abu dan sulfur dioksida yang dilepaskan ke atmosfer membuat terjadi pendinginan drastis pada iklim bumi dan menyebabkan meluasnya kelaparan, terutama di Eropa dan Amerika Utara. Anomali iklim juga terjadi sehingga menyebabkan musim dingin vulkanik yang berpengaruh pada pola cuaca di seluruh dunia selama beberapa tahun.
3. Letusan Gunung Krakatau (1883)
Suaranya terdengar sampai 4.900 kilometer, dan tercatat menjadi suara yang paling keras dalam sejarah modern. Dampaknya, sinar matahari tertutup selama dua hari, seluruh vegetasi pulau-pulau di selat Sunda turut lenyap, infrastruktur seperti rumah dan jalanan hancur total, dan ribuan orang di Jawa dan Sumatra meninggal. Saking dahsyatnya letusan ini, krakatau terpecah dan muncul gunung baru yang dinamakan Anak Krakatau.
4. Tsunami dan Gempa di Aceh (2004)
Pada 26 Desember 2004, Aceh mencatat salah satu bencana alam paling kelam dalam sejarah Indonesia. Bencana ini menyebabkan lebih dari 160 ribu jiwa tewas. Beberapa wilayah yang terdampak antara lain Meulaboh, Lhokseumawe, Banda Aceh, Aceh Besar, Aceh Barat, dan Aceh Jaya.
5. Likuifaksi, Gempa, dan Tsunami di Donggala, Palu (2018)
Likuifaksi adalah fenomena saat tanah, khususnya tanah berpasir, kehilangan kekuatan dan kekauannya akibat getaran atau beban yang cepat, sehingga tanah menjadi seperti cairan. Saat likuifaksi terjadi, tanah menjadi bergelombang dan retak, hingga mengeluarkan lumpur. Bahkan, pohon-pohon kelapa yang awalnya ada di daerah tinggi dan jauh dari rumah warga, menjadi bergeser ke dekat rumah warga.
Likuifaksi ini kemudian diikuti oleh gempa bumi yang cukup dahsyat. Banyak korban yang terseret ke dalam tanah. Tidak hanya itu saja, tsunami juga turut melanda setelahnya, sehingga banyak korban yang turut terseret arus laut.
Sebenarnya masih banyak bencana alam yang pernah terjadi di Indonesia. Misalnya seperti banjir yang terjadi di Jabodetabek dan Puncak, tanah longsor di Pekalongan, kekeringan di Buleleng, Magelang, dan sejumlah daerah lainnya, dan lain-lain.
Dampak Bencana Alam bagi Manusia dan Lingkungan
Bencana alam memiliki dampak yang luas bagi manusia dan lingkungan, apa saja dampak dari bencana alam terhadap kehidupan manusia dan alam? Mari bahas satu-persatu!
1. Korban Jiwa dan Cedera
Bencana seperti gempa bumi dan tsunami sering mengakibatkan korban jiwa dan cedera fisik.
2. Kerugian Ekonomi
Kerusakan pada bangunan, infrastruktur, dan tanaman menyebabkan kerugian ekonomi yang besar.
3. Kerusakan Lingkungan
Kebakaran hutan dan banjir dapat merusak ekosistem dan keanekaragaman hayati.
4. Ketidakstabilan Sosial
Kekurangan makanan, air, dan tempat tinggal akibat bencana dapat memicu konflik dan ketidakstabilan sosial.
5. Kehilangan Sumber Daya
Bencana dapat menyebabkan hilangnya sumber daya alam seperti hutan dan lahan pertanian.
6. Stres Psikologis
Korban bencana sering mengalami trauma dan stres akibat kehilangan dan ketidakpastian.
Sebagai contoh, bencana tsunami di Aceh pada tahun 2004 menyebabkan lebih dari 160.000 korban jiwa dan kerusakan infrastruktur yang parah. Hal ini menunjukkan betapa dahsyatnya dampak bencana alam bagi kehidupan manusia dan lingkungan, serem banget kan?.
Baca Juga: Tahap-Tahap Siklus Penanggulangan Bencana Alam
Siklus Penanggulangan Bencana
Setelah kita memahami jenis-jenis bencana dan bagaimana siklusnya berlangsung, sekarang saatnya membahas hal yang nggak kalah penting, guys—penanggulangan bencana. Ini adalah langkah-langkah yang dilakukan untuk mengurangi dampak bencana dan menyelamatkan sebanyak mungkin nyawa serta harta benda.
Penanggulangan bencana bukan cuma tugas pemerintah atau relawan saja, tapi kita semua bisa terlibat, lho! Mulai dari edukasi kebencanaan di sekolah, latihan evakuasi, sampai penggunaan teknologi seperti aplikasi peringatan dini. Semua ini penting untuk memperkuat kesiapsiagaan masyarakat saat bencana datang tiba-tiba.
Secara umum, penanggulangan bencana dibagi ke dalam tiga tahap utama: pra-bencana (mitigasi dan kesiapsiagaan), saat bencana (tanggap darurat), dan pasca-bencana (rehabilitasi dan rekonstruksi). Yuk, kita bahas satu per satu biar makin paham dan bisa jadi generasi yang tangguh menghadapi bencana!
1. Pra Bencana
Pra bencana adalah tahap yang fokus ke pencegahan dan mitigasi. Misalnya pasang alat pendeteksi gempa atau bangun tanggul banjir sebelum bencana terjadi.
2. Tanggap Darurat
Ini pas bencana lagi terjadi. Fokus utamanya adalah selamatkan korban dan tangani situasi secepat mungkin. Evakuasi, pertolongan, dan penyelamatan jadi prioritas.
3. Pemulihan Awal
Setelah bencana reda, masyarakat mulai beres-beres, bersihkan puing-puing, dan pulihkan fasilitas dasar. Makanan dan obat juga dikirim ke lokasi bencana.
4. Tahap pasca Bencana
Pasca bencana adalah tahap yang dilakukan setelah bencana terjadi untuk memulihkan kondisi masyarakat dan lingkungan yang terdampak. Tahapan ini penting banget, guys, karena bertujuan untuk mengembalikan kehidupan masyarakat seperti semula, atau bahkan lebih baik dari sebelumnya.
Tahap pasca bencana ini dibagi jadi dua:
a. Rehabilitasi
Tahap rehabilitasi fokus ke pemulihan ekonomi dan sosial. Rumah dibangun kembali, usaha kecil dibantu supaya masyarakat bisa bangkit.
b. Rekonstruksi
Bukan cuma bangun ulang, tapi bangun dengan lebih kuat dan siap hadapi bencana berikutnya. Misalnya bikin rumah tahan gempa atau sistem peringatan tsunami.
5. Mitigasi
Langkah terakhir ini untuk mencegah risiko di masa depan. Edukasi masyarakat, latihan evakuasi, dan kampanye kesiapsiagaan masuk di tahap ini.
Baca Juga: Macam-Macam Mitigasi Bencana Alam di Indonesia | Geografi Kelas 11
—
Nah guys, sekarang kalian sudah tahu banyak kan soal bencana alam? Dari pengertiannya, jenis-jenisnya, siklus yang harus dilalui, sampai contoh kejadiannya. Semoga setelah baca ini, kita jadi lebih sadar dan siap menghadapi kemungkinan bencana yang bisa datang kapan aja.
Kalau kalian mau belajar lebih dalam soal geografi dan seputar bencana alam, langsung aja kunjungi ruangbelajar! Di sana banyak materi interaktif yang dijamin bikin belajar jadi seru. Yuk, unduh aplikasinya dan stay safe, guys!
Referensi:
Pengertian Bencana Alam: Jenis dan Dampaknya bagi Lingkungan (Daring). Tautan: https://kumparan.com/pengertian-dan-istilah/pengertian-bencana-alam-jenis-dan-dampaknya-bagi-lingkungan-21V3yVtcwvx Diakses tanggal 19 April 2025
Definisi Bencana (Daring). Tautan: https://bnpb.go.id/definisi-bencana Diakses tangal 19 April 2025
Definisi dan Jenis Bencana (Daring). Tautan: https://bpbk.acehjayakab.go.id/halaman/definisi-dan-jenis-bencana Diakses 19 April 2025
Ammelia, Inge, dkk. 2022. INTEGRASI MATERI KEBENCANAAN PADA JENJANG SEKOLAH DASAR DI KECAMATAN NGARGOYOSO, JAWA TENGAH. International Journal Encironment and Disaster, Vol 1 No. 1 Pp.60-72.
<!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>Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya</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="Kamu mungkin sering mendengar berita (atau bahkan mengalami) bencana alam. Apa itu bencana alam dan dampaknya bagi kehidupan? Simak di artikel ini!" />
<link rel="canonical" href="https://www.ruangguru.com/blog/bencana-alam" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya" />
<meta property="og:description" content="Kamu mungkin sering mendengar berita (atau bahkan mengalami) bencana alam. Apa itu bencana alam dan dampaknya bagi kehidupan? Simak di artikel ini!" />
<meta property="og:url" content="https://www.ruangguru.com/blog/bencana-alam" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2025-05-08T07:22:49+00:00" />
<meta property="article:modified_time" content="2025-05-09T12:18:32+00:00" />
<meta name="author" content="Ringgana Wandy Wiguna" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Ringgana Wandy Wiguna" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="11 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/bencana-alam","url":"https://www.ruangguru.com/blog/bencana-alam","name":"Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/bencana-alam#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/bencana-alam#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/aa2df1bf-fc55-4f55-9670-74b6e450900a.png","datePublished":"2025-05-08T07:22:49+00:00","dateModified":"2025-05-09T12:18:32+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/d258ac11457d3dc99953aef5aabc2165"},"description":"Kamu mungkin sering mendengar berita (atau bahkan mengalami) bencana alam. Apa itu bencana alam dan dampaknya bagi kehidupan? Simak di artikel ini!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/bencana-alam#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/bencana-alam"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/bencana-alam#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/aa2df1bf-fc55-4f55-9670-74b6e450900a.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/aa2df1bf-fc55-4f55-9670-74b6e450900a.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/bencana-alam#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya | Geografi 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/d258ac11457d3dc99953aef5aabc2165","name":"Ringgana Wandy Wiguna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Ringgana Wandy Wiguna"},"url":"https://www.ruangguru.com/blog/author/ringgana-wandy-wiguna"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya | Geografi Kelas 11 Comments Feed" href="https://www.ruangguru.com/blog/bencana-alam/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/23107" /><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=23107' />
<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%2Fbencana-alam" />
<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%2Fbencana-alam&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-23107 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/geografi">Geografi</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Geografi SMA Kelas 11</a></li> </ol>
</nav>
<h1 class="content-title">
Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya | Geografi Kelas 11 </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/ringgana-wandy-wiguna" class="">Ringgana Wandy Wiguna</a> </p>
<p class="content-info"><span>May 8, 2025 • </span> <span>11 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/aa2df1bf-fc55-4f55-9670-74b6e450900a.png" alt="Bencana Alam" /></p>
<blockquote>
<p style="text-align: center;"><em><strong><a href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11" target="_blank" rel="noopener">Artikel Geografi kelas 11</a></strong> ini membahas apa itu bencana alam dari pengertian, jenis-jenis, siklus, hingga dampaknya. Mari kita bahas bersama-sama guys!</em></p>
</blockquote>
<p style="text-align: center;">—</p>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebagian besar dari kamu pasti pernah dengar berita tentang gempa bumi, banjir, atau letusan gunung, kan? Bencana-bencana itu sering banget muncul di media dan kadang bahkan terjadi di sekitar kita. </span><em>Ngga</em> <span style="font-weight: 400;">cuma merusak bangunan, tapi juga bisa mempengaruhi kehidupan banyak orang, mulai dari kehilangan tempat tinggal sampai terganggunya aktivitas sehari-hari. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Bencana alam bukan cuma soal kejadian yang mengerikan dan bikin panik. Di balik itu semua, ada proses alam yang kompleks dan kadang juga diperparah oleh ulah manusia sendiri. Misalnya, penggundulan hutan yang bikin banjir makin parah, atau pembangunan tanpa perencanaan yang bikin wilayah jadi rawan longsor. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Makanya, penting banget buat kita paham apa itu bencana alam, kenapa bisa terjadi, dan gimana cara menghadapinya. Dengan mengenal lebih dalam tentang bencana alam, kita bisa lebih waspada dan siap ketika menghadapi situasi darurat. </span><em>Nah</em>,<span style="font-weight: 400;"> biar kalian makin ngerti, </span><em>yuk</em> <span style="font-weight: 400;">kita mulai bahas dari dasar dulu: apa sih bencana alam itu?</span></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Pengertian Bencana Alam</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Pernah </span><em>ngga sih</em><span style="font-weight: 400;"> kalian menonton berita terus melihat ada gempa bumi, banjir, atau gunung meletus? Nah, itu semua termasuk bencana alam yang sering banget terjadi di berbagai tempat, baik di Indonesia maupun luar negeri. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Tapi bencana alam itu sebenarnya apa, sih? Apakah cuma peristiwa yang bikin rusak lingkungan, atau ada makna yang lebih dalam?</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Bencana alam adalah <strong>peristiwa alam yang ekstrem dan seringkali tidak dapat diprediksi</strong>, yang <strong>mengakibatkan kerusakan fisik</strong>, <strong>ekonomi</strong>, dan <strong>sosial yang signifikan</strong>. Peristiwa ini bisa terjadi secara tiba-tiba dan tanpa keterlibatan manusia, seperti gempa bumi, tsunami, atau letusan gunung berapi. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Menurut UU No. 24 Tahun 2007, bencana adalah gangguan serius yang nggak bisa langsung diatasi masyarakat sendiri karena skalanya yang gede banget. Nah, menurut BNPB, bencana itu terjadi karena pertemuan antara fenomena alam dan kerentanan masyarakat di wilayah tersebut.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Namun, ada juga bencana yang dipicu oleh aktivitas manusia, seperti kebakaran hutan akibat pembakaran lahan. Intinya, bencana alam menyebabkan kerugian besar bagi manusia dan lingkungan sekitar.</span></p>
<p style="text-align: justify;">Kalo dibagi, bencana alam bisa dibagi jadi tiga:</p>
<p style="text-align: justify;">1. <strong>Bencana alam </strong>-> Bencana yang melibatkan faktor alam. Pokoknya ada <strong>kekuatan alam </strong> yang berperan dalam terjadinya bencana, seperti <strong>gempa bumi </strong>dan <strong>erupsi gunung api</strong>.</p>
<p style="text-align: justify;">2. <strong>Bencana non alam </strong>-> Bencana yang terjadi karena <strong>ada faktor non alam</strong>, misalnya adanya kesalahan manusia (<em>human error</em>) seperti tanah longsor dan banjir yang diakibatkan karena adanya penebangan liar (<em>illegal logging</em>).</p>
<p style="text-align: justify;">3. <strong>Bencana sosial </strong>-> Bencana yang <strong>melibatkan manusia </strong>seperti <strong>kerusuhan dan konflik sosial</strong>.</p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/bentuk-konflik-sosial-di-masyarakat" target="_blank" rel="noopener">Konflik Sosial: Pengertian, Bentuk, Macam, dan Contoh | Sosiologi Kelas 11</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Karakteristik Bencana Alam</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Secara garis besar, bencana alam punya dua karakteristik, yaitu:</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>1. Bencana Geologis</b></span></h3>
<p style="text-align: justify;">Bencana geologis adalah bencana yang <strong>diakibatkan oleh proses geologis</strong> yang terjadi <strong>di dalam bumi</strong>. Bisa karena danya pergeseran lempeng atau <strong>aktivitas vulkanis</strong>. Misalnya:</p>
<p> </p>
<h4 style="text-align: justify;">a. Tsunami</h4>
<p style="text-align: justify;">Tsunami adalah gelombang besar yang timbul karena adanya <strong>pergerakan dengan kekuatan besar </strong>yang terjadi secara tiba-tiba karena ada peristiwa tertentu yang terjadi di <strong>dasar laut</strong>. Peristiwa di sini maksudnya bisa berupa gempa bumi yang skalanya besar, dengan pusat gempa dangkal, dan ada di wilayah laut. Bisa juga karena adanya letusan gunung api di bawah laut, dan longsoran besar di bawah laut.</p>
<p> </p>
<h4 style="text-align: justify;">b. Erupsi gunung api</h4>
<p style="text-align: justify;">Erupsi gunung api adalah ketika <strong>magma </strong>yang ada di dalam perut bumi <strong>keluar karena adanya dorongan gas bertekanan tinggi</strong>. Erupsi ini bisa menimbulkan dua jenis bahaya; yaitu <strong>bahaya primer </strong>dan <strong>bahaya sekunder</strong>. Kalau bahaya primer adalah bahaya yang langsung terjadi saat proses erupsi berlangsung. Sementara, bahaya sekunder adalah bahaya yang terjadi setelah proses erupsi, misalnya seperti banjir lahar dingin.</p>
<p> </p>
<h4 style="text-align: justify;">c. Gempa bumi</h4>
<p style="text-align: justify;">Gempa bumi adalah getaran yang terjadi di lapisan kulit bumi. Penyebabnya adalah pelepasan energi dari dalam bumi secara tiba-tiba. Gempa bumi ini bisa diakibatkan oleh beberapa hal, seperti <strong><a href="https://www.ruangguru.com/blog/mengenal-gerakan-lempeng-tektonik" target="_blank" rel="noopener">tektonisme</a></strong>, aktivitas gunung api, runtuhnya gua bawah tanah, dan jatuhnya meteor.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>2. Bencana Hidrometeorologi / Klimatologis</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Bencana hidrometeorologi atau klimatologis adalah bencana yang berhubungan sama fenomena <strong><a href="https://www.ruangguru.com/blog/klasifikasi-tipe-iklim" target="_blank" rel="noopener">iklim</a></strong>, cuaca, dan <strong>siklus air</strong>. Contoh dari bencana hidrometeorologi / klimatologis di antaranya:</span></p>
<p> </p>
<h4 style="text-align: justify;">a. Kekeringan</h4>
<p style="text-align: justify;">Kekeringan adalah <strong>kurangnya kandungan air dalam tanah </strong>yang disebabkan karena adanya kemarau panjang dan intensitas hujan yang rendah. Kekeringan juga berkaitan dengan fenomena El Nino yang menyebabkan rendahnya intensitas hujan di Indonesia.</p>
<p> </p>
<h4 style="text-align: justify;">b. Banjir</h4>
<p style="text-align: justify;">Banjir adalah kondisi <strong>tergenangnya suatu wilayah oleh air dalam jumlah besar </strong>dan dapat berlangsung lama. Biasanya, banjir disebabkan oleh intensitas hujan yang sangat tinggi dan sungai tidak mampu menampung volume air. Banjir juga bisa disebabkan oleh <strong>pasang air laut </strong>atau dikenal juga dengan banjir rob.</p>
<p> </p>
<h4 style="text-align: justify;">c. Longsor</h4>
<p style="text-align: justify;">Longsor adalah bencana alam yang terjadi karena adanya <strong>pergerakan massa tanah dan batuan ke wilayah yang lebih rendah</strong>. Beberapa hal yang memengaruhi terjadinya longsor yaitu derajat kemiringan lereng, tutupan lahan, bahkan penebangan liar, dan lain-lain.</p>
<p> </p>
<h4 style="text-align: justify;">d. Badai</h4>
<p style="text-align: justify;">Badai adalah bencana yang terjadi saat cuaca ekstrim, yang dimulai dari hujan es, badai salju, bahkan badai pasir dan debu. <strong>Badai berasal dari samudra yang hangat</strong>. Penyebabnya antara lain tingginya suhu permukaan air laut dan perubahan tekanan udara yang terjadi di atmosfer bumi.</p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/9-bencana-alam-terdahsyat-yang-pernah-terjadi-di-indonesia" target="_blank" rel="noopener">9 Bencana Alam Terdahsyat yang Pernah Terjadi di Indonesia</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><b>Jenis-Jenis Bencana Alam</b></h2>
<p style="text-align: justify;">Karakteristik bencana alam yang barusan kamu pelajari berhubungan erat dengan beberapa jenis bencana alam berikut ini, <em>guys</em>. Y<span style="font-weight: 400;">uk sekarang simak beberapa jenis bencana alam yang umum terjadi:</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. <a href="https://www.ruangguru.com/blog/mengenal-gerakan-lempeng-tektonik" target="_blank" rel="noopener">Tektonisme</a></span></h3>
<p style="text-align: justify;">Tektonisme adalah pergerakan horizontal dan vertikal yang menyebabkan perubahan bentuk permukaan bumi. Gerakan pada tektonisme disebut gerakan tektonik.</p>
<p style="text-align: justify;">Tektonisme dapat menimbulkan terjadinya bencana alam seperti <strong>erosi, gempa bumi, dan tanah longsor</strong>.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. <a href="https://www.ruangguru.com/blog/pengertian-dan-gejala-vulkanisme" target="_blank" rel="noopener">Vulkanisme</a></span></h3>
<p style="text-align: justify;">Singkatnya, vulkanisme adalah segala peristiwa yang berhubungan dengan magma yang keluar menuju permukaan bumi melalui rekahan dalam kerak bumi. Contohnya seperti<strong> erupsi gunung berapi</strong>.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. <a href="https://www.ruangguru.com/blog/mengenal-seisme-dan-klasifikasinya" target="_blank" rel="noopener">Seisme</a></span></h3>
<p style="text-align: justify;">Bisa dibilang, seisme dan gempa bumi itu sama aja ya <em>guys</em>. Kurang lebih pengertiannya begini, seisme adalah <strong>aktivitas pelepasan energi </strong>yang menyebabkan <strong>getaran seismik</strong>. Jadi, dalam seisme, terjadi getaran karena adanya tumpukan energi yang membuat lempeng benua dan lempeng samudera bergetar.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. <a href="https://www.ruangguru.com/blog/siklus-hidrologi" target="_blank" rel="noopener">Hidrologi</a></span></h3>
<p style="text-align: justify;"><strong>Siklus hidrologi</strong> adalah <strong>rangkaian atau tahapan yang dilalui oleh air dari bumi, ke atmosfer, dan kembali lagi ke bumi</strong>. Siklus hidrologi bisa juga disebut sebagai siklus air.</p>
<p style="text-align: justify;">Siklus air ini erat banget kaitannya dengan karakteristik bencana hidrometeorologi seperti banjir.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. <a href="https://www.ruangguru.com/blog/geografi-kelas-10-apa-perbedaan-dan-persamaan-cuaca-dan-iklim" target="_blank" rel="noopener">Meteorologi</a></span></h3>
<p style="text-align: justify;">Jenis bencana meteorologi biasanya berkaitan erat dengan <strong>cuaca</strong>. Misalnya seperti siklon tropis, <em>thunderstorm </em>atau badai, tornado, kekeringan, hingga <em>blizzard </em>atau kondisi cuaca sangat ektrem yang temperaturnya rendah (biasanya terjadi saat musim dingin).</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">6. Campuran </span></h3>
<p style="text-align: justify;">Kalau jenis bencana campuran artinya bencana yang terjadi yang disebabkan oleh beberapa jenis sekaligus. Misalnya seperti tornado yang dibarengi dengan kebakaran, atau erupsi gunung yang dibarengi dengan gempa bumi, hingga gempa yang dibarengi dengan tsunami.</p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Contoh Bencana Alam yang Pernah Terjadi di Indonesia</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Biar makin paham, </span><i><span style="font-weight: 400;">yuk </span></i><span style="font-weight: 400;">lihat beberapa contoh bencana alam melalui beberapa bencana alam di Indonesia!</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">1. <b>Letusan Gunung Merapi (sekitar 929)</b> </span></h3>
<p style="text-align: justify;">Pada tahun ini, Indonesia memang belum berdiri. Tapi, letusan Merapi berhasil memindahkan sebuah kerajaan besar yang awalnya berada di Jawa bagian tengah ke Jawa bagian timur. Ada yang tau kerajaan apa? Medang atau Mataram Kuno, <em>guys</em>!</p>
<p style="text-align: justify;">Dapat disimpulkan, terkuburnya candi-candi peninggalan kerajaan ini (seperti Borobudur, Prambanan, Sambisari, dan lain-lain) diakibatkan karena dahsyatnya letusan Gunung Merapi yang terjadi pada masa itu.</p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/sejarah-kerajaan-maritim-hindu-buddha-sriwijaya-mataram-medang-kamulan" target="_blank" rel="noopener">Sejarah Kerajaan Sriwijaya, Mataram Kuno, dan Medang | Sejarah Kelas 10</a></strong></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">2. <b>Letusan Gunung Tambora (1815)</b> </span></h3>
<p style="text-align: justify;">Gunung yang terletak di Pulau Sumbawa ini meletus pada tahun 1815, dan tercatat sebagai salah satu letusan gunung berapi paling mematikan dalam sejarah. Kurang lebih ada 71.000 orang yang meninggal karena letusan ini. Dampaknya juga ‘manjang’ nih <em>guys</em>. Pasca letusan, daerah sekitarnya terkena gagal panen dan kekurangan pangan, sehingga banyak orang yang meninggal setelah letusan.</p>
<p style="text-align: justify;">Tidak hanya di daerah sekitar letusan aja, akibat abu dan sulfur dioksida yang dilepaskan ke atmosfer membuat terjadi pendinginan drastis pada iklim bumi dan menyebabkan meluasnya kelaparan, terutama di Eropa dan Amerika Utara. Anomali iklim juga terjadi sehingga menyebabkan musim dingin vulkanik yang berpengaruh pada pola cuaca di seluruh dunia selama beberapa tahun.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">3. <b>Letusan Gunung Krakatau (1883)</b> </span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Suaranya terdengar sampai 4.900 kilometer, dan tercatat menjadi suara yang paling keras dalam sejarah modern. Dampaknya, sinar matahari tertutup selama dua hari, seluruh vegetasi pulau-pulau di selat Sunda turut lenyap, infrastruktur seperti rumah dan jalanan hancur total, dan ribuan orang di Jawa dan Sumatra meninggal. Saking dahsyatnya letusan ini, krakatau terpecah dan muncul gunung baru yang dinamakan Anak Krakatau.<br />
</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">4. <b>Tsunami dan Gempa di Aceh (2004)</b> </span></h3>
<p style="text-align: justify;">Pada 26 Desember 2004, Aceh mencatat salah satu bencana alam paling kelam dalam sejarah Indonesia. Bencana ini menyebabkan lebih dari 160 ribu jiwa tewas. Beberapa wilayah yang terdampak antara lain Meulaboh, Lhokseumawe, Banda Aceh, Aceh Besar, Aceh Barat, dan Aceh Jaya.</p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;">5. <b>Likuifaksi, Gempa, dan Tsunami di Donggala, Palu (2018)</b> </span></h3>
<p style="text-align: justify;">Likuifaksi adalah fenomena saat tanah, khususnya tanah berpasir, kehilangan kekuatan dan kekauannya akibat getaran atau beban yang cepat, sehingga tanah menjadi seperti cairan. Saat likuifaksi terjadi, tanah menjadi bergelombang dan retak, hingga mengeluarkan lumpur. Bahkan, pohon-pohon kelapa yang awalnya ada di daerah tinggi dan jauh dari rumah warga, menjadi bergeser ke dekat rumah warga.</p>
<p style="text-align: justify;">Likuifaksi ini kemudian diikuti oleh gempa bumi yang cukup dahsyat. Banyak korban yang terseret ke dalam tanah. Tidak hanya itu saja, tsunami juga turut melanda setelahnya, sehingga banyak korban yang turut terseret arus laut.</p>
<p> </p>
<p style="text-align: justify;">Sebenarnya masih banyak bencana alam yang pernah terjadi di Indonesia. Misalnya seperti banjir yang terjadi di Jabodetabek dan Puncak, tanah longsor di Pekalongan, kekeringan di Buleleng, Magelang, dan sejumlah daerah lainnya, dan lain-lain.</p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Dampak Bencana Alam bagi Manusia dan Lingkungan</b></span></h2>
<p><span style="font-weight: 400;">Bencana alam memiliki dampak yang luas bagi manusia dan lingkungan, apa saja dampak dari bencana alam terhadap kehidupan manusia dan alam? Mari bahas satu-persatu!</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>1. Korban Jiwa dan Cedera</b></span></h3>
<p><span style="font-weight: 400;">Bencana seperti gempa bumi dan tsunami sering mengakibatkan korban jiwa dan cedera fisik.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>2. Kerugian Ekonomi</b></span></h3>
<p><span style="font-weight: 400;">Kerusakan pada bangunan, infrastruktur, dan tanaman menyebabkan kerugian ekonomi yang besar.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>3. Kerusakan Lingkungan</b></span></h3>
<p><span style="font-weight: 400;">Kebakaran hutan dan banjir dapat merusak ekosistem dan keanekaragaman hayati.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>4. Ketidakstabilan Sosial</b></span></h3>
<p><span style="font-weight: 400;">Kekurangan makanan, air, dan tempat tinggal akibat bencana dapat memicu konflik dan ketidakstabilan sosial.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>5. Kehilangan Sumber Daya</b></span></h3>
<p><span style="font-weight: 400;">Bencana dapat menyebabkan hilangnya sumber daya alam seperti hutan dan lahan pertanian.</span></p>
<p> </p>
<h3><span style="font-size: 14pt;"><b>6. Stres Psikologis</b></span></h3>
<p><span style="font-weight: 400;">Korban bencana sering mengalami trauma dan stres akibat kehilangan dan ketidakpastian.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Sebagai contoh, bencana tsunami di Aceh pada tahun 2004 menyebabkan lebih dari 160.000 korban jiwa dan kerusakan infrastruktur yang parah. Hal ini menunjukkan betapa dahsyatnya dampak bencana alam bagi kehidupan manusia dan lingkungan, serem banget kan?.</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/siklus-penanggulangan-bencana-alam">Tahap-Tahap Siklus Penanggulangan Bencana Alam</a></strong></p>
<p> </p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;"><b>Siklus Penanggulangan Bencana</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 400;">Setelah kita memahami jenis-jenis bencana dan bagaimana siklusnya berlangsung, sekarang saatnya membahas hal yang nggak kalah penting, </span><i><span style="font-weight: 400;">guys</span></i><span style="font-weight: 400;">—penanggulangan bencana. Ini adalah langkah-langkah yang dilakukan untuk mengurangi dampak bencana dan menyelamatkan sebanyak mungkin nyawa serta harta benda.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Penanggulangan bencana bukan cuma tugas pemerintah atau relawan saja, tapi kita semua bisa terlibat, lho! Mulai dari edukasi kebencanaan di sekolah, latihan evakuasi, sampai penggunaan teknologi seperti aplikasi peringatan dini. Semua ini penting untuk memperkuat kesiapsiagaan masyarakat saat bencana datang tiba-tiba.</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Secara umum, penanggulangan bencana dibagi ke dalam tiga tahap utama: </span><b>pra-bencana (mitigasi dan kesiapsiagaan), saat bencana (tanggap darurat), dan pasca-bencana (rehabilitasi dan rekonstruksi)</b><span style="font-weight: 400;">. Yuk, kita bahas satu per satu biar makin paham dan bisa jadi generasi yang tangguh menghadapi bencana!</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>1. Pra Bencana</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Pra bencana adalah tahap yang fokus ke pencegahan dan mitigasi. Misalnya pasang alat pendeteksi gempa atau bangun tanggul banjir sebelum bencana terjadi.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>2. Tanggap Darurat</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Ini pas bencana lagi terjadi. Fokus utamanya adalah selamatkan korban dan tangani situasi secepat mungkin. Evakuasi, pertolongan, dan penyelamatan jadi prioritas.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>3. Pemulihan Awal</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Setelah bencana reda, masyarakat mulai beres-beres, bersihkan puing-puing, dan pulihkan fasilitas dasar. Makanan dan obat juga dikirim ke lokasi bencana.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>4. Tahap pasca Bencana</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Pasca bencana adalah </span><b>tahap yang dilakukan setelah bencana terjadi</b><span style="font-weight: 400;"> untuk memulihkan kondisi masyarakat dan lingkungan yang terdampak. Tahapan ini penting banget, <em>guys</em>, karena bertujuan untuk mengembalikan kehidupan masyarakat seperti semula, atau bahkan lebih baik dari sebelumnya. </span></p>
<p style="text-align: justify;">Tahap pasca bencana ini dibagi jadi dua:</p>
<h4 style="text-align: justify;"><b>a. Rehabilitasi</b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Tahap rehabilitasi fokus ke pemulihan ekonomi dan sosial. Rumah dibangun kembali, usaha kecil dibantu supaya masyarakat bisa bangkit.</span></p>
<h4 style="text-align: justify;"><b>b. Rekonstruksi</b></h4>
<p style="text-align: justify;"><span style="font-weight: 400;">Bukan cuma bangun ulang, tapi bangun dengan lebih kuat dan siap hadapi bencana berikutnya. Misalnya bikin rumah tahan gempa atau sistem peringatan tsunami.</span></p>
<p> </p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><b>5. Mitigasi</b></span></h3>
<p style="text-align: justify;"><span style="font-weight: 400;">Langkah terakhir ini untuk mencegah risiko di masa depan. Edukasi masyarakat, latihan evakuasi, dan kampanye kesiapsiagaan masuk di tahap ini.</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/mitigasi-bencana-alam-di-indonesia" target="_blank" rel="noopener">Macam-Macam Mitigasi Bencana Alam di Indonesia | Geografi Kelas 11</a></strong></p>
<p style="text-align: center;"><span style="font-weight: 400;">—</span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Nah </span><i><span style="font-weight: 400;">guys</span></i><span style="font-weight: 400;">, sekarang kalian sudah tahu banyak kan soal bencana alam? Dari pengertiannya, jenis-jenisnya, siklus yang harus dilalui, sampai contoh kejadiannya. Semoga setelah baca ini, kita jadi lebih sadar dan siap menghadapi kemungkinan bencana yang bisa datang kapan aja. </span></p>
<p style="text-align: justify;"><span style="font-weight: 400;">Kalau kalian mau belajar lebih dalam soal geografi dan seputar bencana alam, langsung aja kunjungi <strong><a href="https://www.ruangguru.com/ruangbelajar" target="_blank" rel="noopener">ruangbelajar</a></strong></span><span style="font-weight: 400;">! Di sana banyak materi interaktif yang dijamin bikin belajar jadi seru. Yuk, unduh aplikasinya dan <em>stay safe</em>, </span><i><span style="font-weight: 400;">guys</span></i><span style="font-weight: 400;">!</span></p>
<p><a href="https://bayar.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ceb472c4-1feb-4a1d-afdf-4f92234a63d0.jpg" alt="CTA Ruangguru" /></a></p>
<p style="text-align: justify;"><strong>Referensi: </strong></p>
<p><span style="font-weight: 400;">Pengertian Bencana Alam: Jenis dan Dampaknya bagi Lingkungan (Daring). Tautan: https://kumparan.com/pengertian-dan-istilah/pengertian-bencana-alam-jenis-dan-dampaknya-bagi-lingkungan-21V3yVtcwvx Diakses tanggal 19 April 2025</span></p>
<p><span style="font-weight: 400;">Definisi Bencana (Daring). Tautan: https://bnpb.go.id/definisi-bencana Diakses tangal 19 April 2025</span></p>
<p><span style="font-weight: 400;">Definisi dan Jenis Bencana (Daring). Tautan: https://bpbk.acehjayakab.go.id/halaman/definisi-dan-jenis-bencana Diakses 19 April 2025</span></p>
<p><span style="font-weight: 400;">Ammelia, Inge, dkk. 2022. INTEGRASI MATERI KEBENCANAAN PADA JENJANG SEKOLAH DASAR DI KECAMATAN NGARGOYOSO, JAWA TENGAH</span><span style="font-weight: 400;">. International Journal Encironment and Disaster, Vol 1 No. 1 Pp.60-72.</span></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/sma" rel="tag">SMA</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Ringgana Wandy Wiguna</h5>
<p class="author-description"></p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya | Geografi Kelas 11%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/bencana-alam"><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/bencana-alam&quote=Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya | Geografi 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=Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya | Geografi Kelas 11&url=https://www.ruangguru.com/blog/bencana-alam"> <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/bencana-alam&title=Bencana Alam: Pengertian, Jenis, Contoh & Dampaknya | Geografi 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 = 23107;
const tags_id = [31,10,37];
const category_id = 527;
const sub_category_id = 532;
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>