Rivalry2

Macam-Macam Organ Sistem Pencernaan Manusia & Fungsinya
2026-03-08 23:19 Diff
https://www.ruangguru.com/blog/sistem-pencernaan-manusia
Artikel Biologi kelas 8 ini membahas tentang macam-macam organ pencernaan manusia, masing-masing fungsinya, serta cara sistem pencernaan manusia bekerja, mulai dari mulut, sampai ke anus.
—
Kita semua tahu ya, untuk mendapatkan sumber energi, kita perlu mengonsumsi makanan. Nah, tapi pernah nggak kepikiran, gimana ya semua makanan yang kamu konsumsi itu, bisa dicerna sama tubuh?
Padahal, kalo kita masukin makanan ke mulut nih, itu bentuknya masih berupa makanan utuh. Makan donat ya bentuknya kayak huruf ‘O’, tapi ketika udah dicerna, bentuk fesesnya beda?
Nah, ternyata, itu terjadi karena adanya sistem pencernaan di dalam tubuh kita, atau bisa juga disebut sistem gastrointestinal. Sistem pencernaan sendiri adalah serangkaian organ yang memiliki fungsi untuk mencerna makanan. Jadi, ada beberapa organ tubuh yang melakukan proses pengolahan makanan menjadi zat-zat makanan yang dapat diserap oleh tubuh.
Ada 10 macam organ sistem pencernaan manusia, yaitu mulut, tenggorokan (faring), kerongkongan (esofagus), lambung, pankreas, hati, empedu, usus halus, usus besar, dan anus. Lalu, bagaimana ya tepatnya proses pencernaan makanan itu terjadi, serta apa peran masing-masing organ pencernaan tersebut? Kita coba cari tau lewat artikel ini, yuk!
Macam-Macam Proses Pencernaan Manusia

Oke, kita mulai dari proses pencernaan manusia dulu, ya. Gimana sih yang tadinya makanan utuh, bisa dicerna menjadi energi yang berguna bagi tubuh kita?
Secara umum, proses pencernaan manusia terdiri dari 2 jenis, yaitu proses pencernaan mekanis dan proses pencernaan kimiawi. Berikut perbedaannya:
1. Proses Pencernaan Mekanik

Proses pencernaan mekanik adalah proses pencernaan makanan yang dilakukan dengan gerakan-gerakan, seperti mengunyah, menelan, memompa, menghancurkan, dan meremas makanan. Pencernaan mekanik bertujuan untuk mengubah ukuran makanan menjadi lebih kecil, agar lebih mudah diproses di dalam tubuh.
Proses pencernaan mekanik terjadi di dalam mulut dan lambung, tepatnya ketika makanan dihaluskan oleh gerakan otot-otot lambung.
2. Proses Pencernaan Kimiawi

Sementara itu, proses pencernaan kimiawi adalah proses pencernaan makanan yang melibatkan enzim. Pencernaan kimiawi ini bertujuan untuk mengubah partikel makanan yang kecil-kecil menjadi bentuk yang siap diserap oleh tubuh.
Proses pencernaan kimiawi terjadi di mulut, kerongkongan, lambung, hati, pankreas, empedu, dan usus.
Macam-Macam Organ Pencernaan Manusia

Seperti yang sudah dijelaskan sebelumnya, sistem pencernaan melibatkan serangkaian organ pencernaan. Sistem pencernaan manusia dimulai dari mulut dan berakhir di anus. Berikut adalah ilustrasi gambar sistem pencernaan di dalam tubuh manusia:
Yuk, bahas satu per satu masing-masing organ pencernaan dan fungsinya!
1. Mulut

Mulut berfungsi sebagai tempat masuknya makanan dan dimulainya proses pencernaan. Ini karena di dalam mulut, terjadi pencernaan secara mekanik oleh gigi dan pencernaan kimiawi oleh enzim amilase.
Gigi berfungsi untuk menghancurkan makanan menjadi ukuran yang lebih kecil, sehingga memudahkan enzim amilase bekerja. Enzim amilase lalu akan menguraikan kandungan pati atau amilum dalam makanan, menjadi gula sederhana yang dapat diserap tubuh.
Nah, enzim amilase diproduksi oleh kelenjar ludah. Selain itu, di mulut juga ada lidah yang akan mengaduk makanan, sehingga bisa bercampur dengan enzim amilase. Berikut gambar anatomi atau bagian-bagian mulut pada sistem pencernaan manusia:
2. Tenggorokan dan Kerongkongan

Tenggorokan (faring) merupakan saluran pencernaan yang menghubungkan rongga mulut ke kerongkongan (esofagus). Makanan yang ditelan dari mulut, kemudian masuk melalui tenggorokan, dan diteruskan ke kerongkongan. Pada dinding kerongkongan, terjadi gerakan peristaltik, yaitu gerakan meremas-remas yang mendorong makanan menuju lambung.
Agar kamu lebih mudah mengetahui letak tenggorokan (faring) dan kerongkongan (esofagus), kamu bisa melihat gambar di bawah ini ya!
3. Lambung

Sistem pencernaan pada manusia selanjutnya adalah lambung. Di lambung, terjadi pencernaan mekanik dan pencernaan kimiawi. Pencernaan mekanik di lambung terjadi saat makanan dihaluskan kembali oleh otot-otot lambung.
Sementara itu, makanan akan mengalami pencernaan kimiawi karena dicerna oleh enzim dalam getah lambung. Getah lambung ini dihasilkan dari sel kelenjar dinding lambung. Nah, getah lambung terdiri dari:
Pepsin: enzim yang fungsinya memecah protein menjadi asam amino.
Renin: enzim yang fungsinya mengubah protein menjadi kasein.
Asam Klorida (HCl): asam yang berfungsi untuk membunuh kuman dan bakteri pada makananan dan mengaktifkan pepsinogen menjadi pepsin.
Lambung terdiri dari beberapa bagian, yaitu fundus, badan lambung, kardiak, pilorus, dan otot sfingter. Masing-masing bagian lambung ini punya fungsi khusus. Berikut rinciannya:
Jadi, secara keseluruhan, fungsi lambung di antaranya untuk:
Mencerna protein,
Menyimpan makanan (selama 2-5 jam), dan
Mematikan mikroorgansime berbahaya yang ada di lambung karena ada asam lambung.
Setelah melalui pencernaan di lambung, makanan akan perlahan-perlahan didorong masuk ke usus halus.
4. Pankreas, Hati, dan Empedu

Hati adalah organ pelengkap dalam sistem pencernaan karena akan membentuk cairan empedu yang diperlukan dalam proses pencernaan lemak. Cairan empedu ini berwarna kuning kehijauan yang mengandung garam, kolesterol, dan lesitin. Cairan empedu tersebut, lalu akan ditampung di kantung empedu, sebelum digunakan di usus halus.
Jadi, kantung empedu fungsinya menyalurkan empedu ke usus halus, ya. Kalau hati berfungsi untuk menghasilkan empedu.
Nah, kalau pankreas berfungsi untuk memproduksi enzim pencernaan untuk mencerna karbohidrat, protein, dan lemak di usus halus. Selain itu, pankreas juga akan menghasilkan senyawa bikarbonat, yang akan menetralkan makanan dari lambung yang sifatnya asam, sehingga tidak melukai dinding usus halus.
Di bawah ini ada gambar letak pankreas, hati, dan kantung empedu dalam tubuh manusia.
5. Usus Halus

Selanjutnya, usus halus merupakan organ pencernaan yang terletak di antara lambung dan usus besar. Bentuknya berupa saluran dengan panjang sekitar 670 cm sampai 760 cm. Nah, usus halus bisa dibedakan lagi menjadi 3 bagian, yaitu duodenum, jejunum, dan ileum.
Duodenum atau usus dua belas jari berfungsi sebagai tempat pencernaan makanan secara kimiawi. Caranya, makanan dari lambung yang masuk ke duodenum akan dinetralkan dulu oleh senyawa bikarbonat dari pankreas. Lalu, lanjut dicerna menggunakan enzim amilase, lipase, dan tripsin dari pankreas, serta enzim maltase yang dihasilkan usus halus itu sendiri.
Amilase akan memecah amilum jadi maltosa. Maltosanya lalu lanjut dipecah jadi glukosa oleh enzim maltase. Kalau lipase memecah lemak jadi asam lemak dan gliserol. Ini dilakukan dengan bantuan empedu ya, yang akan mengemulsikan lemak sehingga enzim lipase bisa bekerja. Sementara itu, tripsin akan memecah pepton jadi asam amino.
Nah, glukosa, asam lemak, gliserol, dan asam amino tadi merupakan bentuk zat gizi sederhana yang siap diserap tubuh. Penyerapannya terjadi di bagian usus halus berikutnya yaitu jejunum dan ileum.
Berarti, jejunum (usus kosong) dan ileum (usus penyerapan) sama-sama berfungsi sebagai tempat penyerapan sari makanan atau zat gizi sederhana. Makanya, strukturnya dipenuhi vili atau jonjot usus yang berfungsi memperluas area penyerapan sari makanan.
Berikut adalah gambar bagian-bagian usus halus, meliputi duodenum, jejunum, dan ileum:
6. Usus Besar

Usus besar adalah organ pencernaan yang terhubung dengan usus halus. Sisa makanan yang tidak bisa dicerna dan diserap tubuh, lalu akan diteruskan ke usus besar. Ini karena usus besar berfungsi untuk membusukkan sisa makanan tadi dan mengubahnya menjadi feses, dengan dibantu oleh bakteri Escherichia coli.
Nah, di usus besar terdapat beberapa bagian, yaitu:
Kolon, sebagai tempat pemadatan feses atau penyerapan kembali air dari zat sisa makanan.
Rektum, sebagai tempat menyimpan feses sementara waktu.
Selain itu, ada pula umbai cacing, yaitu bagian yang berbentuk memanjang seperti cacing. Bagian ini bisa membengkak jika ada sisa makanan yang tersumbat di dalamnya, lalu menimbulkan penyakit usus buntu. Berikut gambar bagian-bagian usus besar yang bisa kamu perhatikan!
7. Rektum dan Anus

Sebelum feses dikeluarkan dari tubuh melalui anus, feses akan disimpan terlebih dulu di dalam rektum. Di rektum ini, sensor akan mengirimkan sinyal ke otak untuk memutuskan apakah feses peru dikeluarkan atau tidak.
Jika, feses perlu dikeluarkan, anus akan berfungsi sebagai tempat untuk membuang feses atau zat sisa makanan tersebut. Kemudian, otot anus berfungsi menahan dan menjaga feses agar tidak keluar dari rektum sebelum saatnya.
Macam-Macam Gangguan pada Sistem Pencernaan Manusia

Oke, setelah mengetahui macam-macam organ dan sistem pencernaan manusia, kita bisa tahu nih, kalau organ-organ tersebut punya peran yang sangat penting. Oleh karena itu, kita harus menjaga kesehatan organ pencernaan, supaya tidak menjadi penyakit yang mengganggu aktivitas kita.
Nah, berikut ini, ada beberapa penyakit atau gangguan sistem pencernaan yang bisa disebabkan oleh berbagai hal, seperti bakteri pada makanan, stress, atau infeksi. Contoh gangguan sistem pencernaan pada manusia, di antaranya:
Sariawan: disebabkan oleh luka tergigit, kekurangan vitamin C, dll.
Konstipasi (sembelit): kesukaran dalam proses defekasi (buang air Abesar).
Diare: feses yang sangat cair akibat peristaltik terlalu cepat.
Apendisitis: radang usus buntu.
Peritonitis: infeksi pada rongga perut.
Sirosis hati: radang pada hati.
Selain penyakit-penyakit di atas, masih banyak gangguan pencernaan lainnya. Kalau kamu ingin tahu lebih banyak, kamu bisa coba baca di artikel di bawah ini, ya!
—
Nah, itulah penjelasan ringkas mengenai materi sistem pencernaan manusia di dalam tubuh. Adanya pengetahuan tentang organ sistem pencernaan, dapat menjadikan diri kita untuk selalu berhati-hati. Makanan yang sehat, bersih, dan bergizi adalah parameter yang penting untuk menjaga kesehatan tubuh. So, jaga selalu organ pencernaan kalian ya guysss!!!!!
Kalau kamu merasa materi ini kurang membantu, kamu bisa belajar lebih lengkap lagi di ruangbelajar. Di sana, kamu bisa belajar melalui video interaktif, dan didukung oleh beragam fitur untuk membantumu mudah kuasai materi. Yuk, download aplikasinya sekarang!
Referensi:
Eureka Pendidikan. “Materi Sistem Pencernaan Manusia”. https://eurekapendidikan.com/materi-sistem-pencernaan-manusia. Diakses 21 April 2021.
Kementerian Pendidikan dan Kebudayaan. (2017). Ilmu Pengetahuan Alam Kelas VIII SMP/MTS Edisi Revisi 2017. Jakarta: Balitbang Kemendikbud.
<!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>Macam-Macam Organ Sistem Pencernaan Manusia &amp; Fungsinya</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="Organ sistem pencernaan manusia terdiri dari mulut, tenggorokan, kerongkongan, lambung, pankreas, hati, empedu, usus, dan anus. Yuk, simak selengkapnya!" />
	<link rel="canonical" href="https://www.ruangguru.com/blog/sistem-pencernaan-manusia" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Macam-Macam Organ Sistem Pencernaan Manusia &amp; Fungsinya" />
	<meta property="og:description" content="Organ sistem pencernaan manusia terdiri dari mulut, tenggorokan, kerongkongan, lambung, pankreas, hati, empedu, usus, dan anus. Yuk, simak selengkapnya!" />
	<meta property="og:url" content="https://www.ruangguru.com/blog/sistem-pencernaan-manusia" />
	<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-09-04T06:00:00+00:00" />
	<meta property="article:modified_time" content="2025-09-06T21:41:50+00:00" />
	<meta name="author" content="Kak Nazirah MT Saintek" />
	<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="Kak Nazirah MT Saintek" />
	<meta name="twitter:label2" content="Est. reading time" />
	<meta name="twitter:data2" content="8 minutes" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/sistem-pencernaan-manusia","url":"https://www.ruangguru.com/blog/sistem-pencernaan-manusia","name":"Macam-Macam Organ Sistem Pencernaan Manusia & Fungsinya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/sistem-pencernaan-manusia#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/sistem-pencernaan-manusia#primaryimage"},"thumbnailUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/e709fb69-a3f2-4008-a173-e23273ccca32.png","datePublished":"2025-09-04T06:00:00+00:00","dateModified":"2025-09-06T21:41:50+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/79f4fc1079a403b74d77fb20f8b38687"},"description":"Organ sistem pencernaan manusia terdiri dari mulut, tenggorokan, kerongkongan, lambung, pankreas, hati, empedu, usus, dan anus. Yuk, simak selengkapnya!","breadcrumb":{"@id":"https://www.ruangguru.com/blog/sistem-pencernaan-manusia#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/sistem-pencernaan-manusia"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/sistem-pencernaan-manusia#primaryimage","url":"https://cdn-web-2.ruangguru.com/landing-pages/assets/e709fb69-a3f2-4008-a173-e23273ccca32.png","contentUrl":"https://cdn-web-2.ruangguru.com/landing-pages/assets/e709fb69-a3f2-4008-a173-e23273ccca32.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/sistem-pencernaan-manusia#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Macam-Macam Organ Sistem Pencernaan Manusia &#038; Fungsinya | Biologi Kelas 8"}]},{"@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/79f4fc1079a403b74d77fb20f8b38687","name":"Kak Nazirah MT Saintek","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":"Kak Nazirah MT Saintek"},"url":"https://www.ruangguru.com/blog/author/kak-nazirah-mt-saintek"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru &raquo; Macam-Macam Organ Sistem Pencernaan Manusia &#038; Fungsinya | Biologi Kelas 8 Comments Feed" href="https://www.ruangguru.com/blog/sistem-pencernaan-manusia/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/1030" /><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=1030' />
<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%2Fsistem-pencernaan-manusia" />
<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%2Fsistem-pencernaan-manusia&#038;format=xml" />
</head>

<body class="wp-singular post-template-default single single-post postid-1030 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/biologi">Biologi</a></li><li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Biologi SMP Kelas 8</a></li>                </ol>
            </nav>
              <h1 class="content-title">
                Macam-Macam Organ Sistem Pencernaan Manusia &#038; Fungsinya | Biologi Kelas 8              </h1>
              <div class="content-meta">
                <p class="content-author"><a href="https://www.ruangguru.com/blog/author/kak-nazirah-mt-saintek" class="">Kak Nazirah MT Saintek</a> </p>
                <p class="content-info"><span>September 4, 2025 • </span> <span>8 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/e709fb69-a3f2-4008-a173-e23273ccca32.png" alt="macam-macam organ sistem pencernaan manusia" /></p>
<blockquote>
<p style="text-align: center; font-size: 16px;"><span style="color: #666666;"><em><a style="font-weight: bold;" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8" rel="noopener">Artikel Biologi kelas 8</a> ini membahas tentang macam-macam organ pencernaan manusia, masing-masing fungsinya, serta cara sistem pencernaan manusia bekerja, mulai dari mulut, sampai ke anus.</em></span></p>
</blockquote>
<p style="text-align: center; font-size: 16px;"><span style="color: #000000;">&#8212;</span></p>
<p>&nbsp;</p>
<p style="text-align: justify;">Kita semua tahu ya, untuk mendapatkan sumber energi, kita perlu mengonsumsi makanan. Nah, tapi pernah nggak kepikiran, gimana ya semua makanan yang kamu konsumsi itu, bisa dicerna sama tubuh?</p>
<p style="text-align: justify;">Padahal, kalo kita masukin makanan ke mulut nih, itu bentuknya masih berupa makanan utuh. Makan donat ya bentuknya kayak huruf &#8216;O&#8217;, tapi ketika udah dicerna, bentuk fesesnya beda?</p>
<p style="text-align: justify;">Nah, ternyata, itu terjadi karena adanya <strong>sistem pencernaan</strong> di dalam tubuh kita, atau bisa juga disebut <span style="font-weight: bold;">sistem gastrointestinal</span>. Sistem pencernaan sendiri adalah serangkaian organ yang memiliki fungsi untuk mencerna makanan. Jadi, ada beberapa organ tubuh yang melakukan proses pengolahan makanan menjadi zat-zat makanan yang dapat diserap oleh tubuh.</p>
<p style="text-align: justify;">Ada <strong>10 macam organ sistem pencernaan manusia</strong>, yaitu <strong>mulut, tenggorokan (faring), kerongkongan (esofagus), lambung, pankreas, hati, empedu, usus halus, usus besar, dan anus</strong>. Lalu, bagaimana ya tepatnya proses pencernaan makanan itu terjadi, serta apa peran masing-masing organ pencernaan tersebut? Kita coba cari tau lewat artikel ini, yuk!</p>
<p>&nbsp;</p>
<h2><span style="font-size: 18pt;">Macam-Macam Proses Pencernaan Manusia</span></h2>
<p style="text-align: justify;">Oke, kita mulai dari proses pencernaan manusia dulu, ya. Gimana sih yang tadinya makanan utuh, bisa dicerna menjadi energi yang berguna bagi tubuh kita?</p>
<p style="text-align: justify;">Secara umum, proses pencernaan manusia terdiri dari 2 jenis, yaitu <strong>proses pencernaan mekanis dan proses pencernaan kimiawi</strong>. Berikut perbedaannya:</p>
<p>&nbsp;</p>
<h3><span style="font-size: 14pt;"><strong>1. Proses Pencernaan Mekanik</strong></span></h3>
<p style="text-align: justify;">Proses pencernaan mekanik adalah proses pencernaan makanan yang dilakukan dengan gerakan-gerakan, seperti <span style="font-weight: bold;">mengunyah, menelan, memompa, menghancurkan, dan meremas makanan</span>. Pencernaan mekanik bertujuan untuk mengubah ukuran makanan menjadi lebih kecil, agar lebih mudah diproses di dalam tubuh.</p>
<p style="text-align: justify;">Proses pencernaan mekanik terjadi di dalam <strong>mulut</strong> <strong>dan lambung</strong>, tepatnya ketika makanan dihaluskan oleh gerakan otot-otot lambung.</p>
<p>&nbsp;</p>
<h3 style="text-align: justify;"><span style="font-size: 14pt;"><strong>2. Proses Pencernaan Kimiawi</strong></span></h3>
<p style="text-align: justify;">Sementara itu, proses pencernaan kimiawi adalah proses pencernaan makanan yang <span style="font-weight: bold;">melibatkan enzim</span>. Pencernaan kimiawi ini bertujuan untuk mengubah partikel makanan yang kecil-kecil menjadi bentuk yang siap diserap oleh tubuh.</p>
<p style="text-align: justify;">Proses pencernaan kimiawi terjadi di <strong>mulut, kerongkongan, lambung, hati, pankreas, empedu, dan usus</strong>.</p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/sistem-pernapasan">Mengenal Organ Sistem Pernapasan Manusia dan Fungsinya</a></strong></p>
<p>&nbsp;</p>
<h2><span style="font-size: 18pt;">Macam-Macam Organ Pencernaan Manusia</span></h2>
<p style="text-align: justify;">Seperti yang sudah dijelaskan sebelumnya, sistem pencernaan melibatkan serangkaian organ pencernaan. <strong>Sistem pencernaan manusia dimulai dari mulut dan berakhir di anus</strong>. Berikut adalah ilustrasi gambar sistem pencernaan di dalam tubuh manusia:</p>
<p style="text-align: center;"><span style="color: #000000;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/Organ%20Sistem%20Pencernaan%20Manusia.jpg" alt="Gambar Organ Sistem Pencernaan Manusia" width="600" /></span></p>
<p>&nbsp;</p>
<p style="text-align: left;">Yuk, bahas satu per satu masing-masing organ pencernaan dan fungsinya!</p>
<p>&nbsp;</p>
<h3><span style="font-size: 14pt;">1. Mulut</span></h3>
<p style="text-align: justify;"><span style="font-weight: bold;">Mulut berfungsi sebagai tempat masuknya makanan dan dimulainya proses pencernaan</span>. Ini karena di dalam mulut, terjadi pencernaan secara mekanik oleh gigi dan pencernaan kimiawi oleh enzim amilase.</p>
<p style="text-align: justify;"><span style="font-weight: bold;">Gigi berfungsi untuk menghancurkan makanan</span> menjadi ukuran yang lebih kecil, sehingga memudahkan enzim amilase bekerja. Enzim amilase lalu akan menguraikan kandungan pati atau amilum dalam makanan, menjadi gula sederhana yang dapat diserap tubuh.</p>
<p style="text-align: justify;">Nah, enzim amilase diproduksi oleh kelenjar ludah. Selain itu, di mulut juga ada <span style="font-weight: bold;">lidah yang akan mengaduk makanan</span>, sehingga bisa bercampur dengan enzim amilase. Berikut gambar anatomi atau bagian-bagian mulut pada sistem pencernaan manusia:</p>
<p><strong>Baca Juga: <a href="/blog/alasan-kenapa-mulut-bau-tak-sedap-saat-puasa" rel="noopener">Kenapa Mulut Berbau Tak Sedap Saat Berpuasa? Ini Penyebabnya!</a></strong></p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/bagian%20pencernaan%20mulut.jpg" alt="sistem pencernaan manusia - bagian mulut" width="600" /></p>
<p>&nbsp;</p>
<h3><span style="font-size: 14pt;">2. Tenggorokan dan Kerongkongan</span></h3>
<p style="text-align: justify;">Tenggorokan (faring) merupakan saluran pencernaan yang menghubungkan rongga mulut ke kerongkongan (esofagus). Makanan yang ditelan dari mulut, kemudian masuk melalui tenggorokan, dan diteruskan ke kerongkongan. Pada dinding kerongkongan, terjadi <strong>gerakan </strong><strong><em>peristaltik</em></strong>, yaitu <strong>gerakan meremas-remas yang mendorong makanan menuju lambung.</strong></p>
<p style="text-align: justify;"><span style="font-weight: normal;">Agar kamu lebih mudah mengetahui letak tenggorokan (faring) dan kerongkongan (esofagus), kamu bisa melihat gambar di bawah ini ya!</span></p>
<p><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/letak%20pencernaan%20faring%20dan%20esofagus.jpg" alt="sistem pencernaan manusia - letak faring dan esofagus" width="600" /></p>
<p>&nbsp;</p>
<h3><span style="font-size: 14pt;">3. Lambung</span></h3>
<p style="text-align: justify;">Sistem pencernaan pada manusia selanjutnya adalah lambung. Di lambung, terjadi pencernaan mekanik dan pencernaan kimiawi. Pencernaan mekanik di lambung terjadi saat makanan dihaluskan kembali oleh otot-otot lambung.</p>
<p style="text-align: justify;">Sementara itu, makanan akan mengalami pencernaan kimiawi karena dicerna oleh enzim dalam getah lambung. Getah lambung ini dihasilkan dari sel kelenjar dinding lambung. Nah, getah lambung terdiri dari:</p>
<ul>
<li style="text-align: justify;"><strong>Pepsin</strong>: enzim yang fungsinya memecah protein menjadi asam amino.</li>
<li style="text-align: justify;"><strong>Renin</strong>: enzim yang fungsinya mengubah protein menjadi kasein.</li>
<li style="text-align: justify;"><strong>Asam Klorida (HCl)</strong>: asam yang berfungsi untuk membunuh kuman dan bakteri pada makananan dan mengaktifkan pepsinogen menjadi pepsin.</li>
</ul>
<p>&nbsp;</p>
<p>Lambung terdiri dari beberapa bagian, yaitu fundus, badan lambung, kardiak, pilorus, dan otot sfingter. Masing-masing bagian lambung ini punya fungsi khusus. Berikut rinciannya:</p>
<p style="text-align: center;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/bagian%20pencernaan%20lambung.jpg" alt="sistem pencernaan manusia - bagian lambung" width="600" /></p>
<p>&nbsp;</p>
<p>Jadi, secara keseluruhan, fungsi lambung di antaranya untuk:</p>
<ol>
<li aria-level="1">Mencerna protein,</li>
<li aria-level="1">Menyimpan makanan (selama 2-5 jam), dan</li>
<li aria-level="1">Mematikan mikroorgansime berbahaya yang ada di lambung karena ada asam lambung.</li>
</ol>
<p>&nbsp;</p>
<p>Setelah melalui pencernaan di lambung, makanan akan perlahan-perlahan didorong masuk ke usus halus.</p>
<p><strong>Baca Juga: <a href="/blog/lambung-manusia-bisa-menghancurkan-silet-mitos-atau-fakta" rel="noopener">Lambung Manusia Bisa Menghancurkan Silet, Mitos Atau Fakta?</a></strong></p>
<p>&nbsp;</p>
<h3><span style="font-size: 14pt;">4. Pankreas, Hati, dan Empedu</span></h3>
<p style="text-align: justify;">Hati adalah organ pelengkap dalam sistem pencernaan karena akan membentuk cairan empedu yang diperlukan dalam proses pencernaan lemak. Cairan empedu ini berwarna kuning kehijauan yang mengandung garam, kolesterol, dan lesitin. Cairan empedu tersebut, lalu akan ditampung di kantung empedu, sebelum digunakan di usus halus.</p>
<p style="text-align: justify;">Jadi, <span style="font-weight: bold;">kantung empedu fungsinya menyalurkan empedu ke usus halus,</span> ya. Kalau <span style="font-weight: bold;">hati berfungsi untuk menghasilkan empedu</span>.</p>
<p style="text-align: justify;">Nah, kalau <span style="font-weight: bold;">pankreas berfungsi untuk memproduksi enzim pencernaan</span> untuk mencerna karbohidrat, protein, dan lemak di usus halus. Selain itu, pankreas juga akan menghasilkan senyawa bikarbonat, yang akan menetralkan makanan dari lambung yang sifatnya asam, sehingga tidak melukai dinding usus halus.</p>
<p style="text-align: justify;">Di bawah ini ada gambar letak pankreas, hati, dan kantung empedu dalam tubuh manusia.</p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/letak%20pencernaan%20hati.jpg" alt="sistem pencernaan manusia - letak hati, pankreas, dan kantung empedu" width="600" /></p>
<p>&nbsp;</p>
<h3><span style="font-size: 14pt;">5. Usus Halus</span></h3>
<p style="text-align: justify;">Selanjutnya, usus halus merupakan organ pencernaan yang terletak di antara lambung dan usus besar. Bentuknya berupa saluran dengan panjang sekitar 670 cm sampai 760 cm. Nah, usus halus bisa dibedakan lagi menjadi 3 bagian, yaitu <strong>duodenum, jejunum, dan ileum</strong>.</p>
<p style="text-align: justify;"><span style="font-weight: bold;">Duodenum atau usus dua belas jari berfungsi sebagai tempat pencernaan makanan secara kimiawi</span>. Caranya, makanan dari lambung yang masuk ke duodenum akan dinetralkan dulu oleh senyawa bikarbonat dari pankreas. Lalu, lanjut dicerna menggunakan enzim amilase, lipase, dan tripsin dari pankreas, serta enzim maltase yang dihasilkan usus halus itu sendiri.</p>
<p style="font-weight: bold;">Baca Juga: <a href="/blog/apa-itu-sistem-organ-dan-organisme" rel="noopener">Mengenal Perbedaan Sistem Organ dan Organisme Beserta Ciri-Cirinya</a></p>
<p style="text-align: justify;">Amilase akan memecah amilum jadi maltosa. Maltosanya lalu lanjut dipecah jadi glukosa oleh enzim maltase. Kalau lipase memecah lemak jadi asam lemak dan gliserol. Ini dilakukan dengan bantuan empedu ya, yang akan mengemulsikan lemak sehingga enzim lipase bisa bekerja. Sementara itu, tripsin akan memecah pepton jadi asam amino.</p>
<p style="text-align: justify;">Nah, glukosa, asam lemak, gliserol, dan asam amino tadi merupakan bentuk zat gizi sederhana yang siap diserap tubuh. Penyerapannya terjadi di bagian usus halus berikutnya yaitu jejunum dan ileum.</p>
<p style="text-align: justify;">Berarti, <span style="font-weight: bold;">jejunum (usus kosong) dan ileum (usus penyerapan) sama-sama berfungsi sebagai tempat penyerapan sari makanan</span> atau zat gizi sederhana. Makanya, strukturnya dipenuhi vili atau jonjot usus yang berfungsi memperluas area penyerapan sari makanan.</p>
<p style="text-align: justify;">Berikut adalah gambar bagian-bagian usus halus, meliputi duodenum, jejunum, dan ileum:</p>
<p style="text-align: justify;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/bagian%20pencernaan%20usus%20halus.jpg" alt="sistem pencernaan manusia - bagian usus halus - duodenum, jejunum, ileum" width="600" /></p>
<p>&nbsp;</p>
<h3><span style="font-size: 14pt;">6. Usus Besar</span></h3>
<p style="text-align: justify;">Usus besar adalah organ pencernaan yang terhubung dengan usus halus. Sisa makanan yang tidak bisa dicerna dan diserap tubuh, lalu akan diteruskan ke usus besar. Ini karena <span style="font-weight: bold;">usus besar berfungsi untuk membusukkan sisa makanan</span> tadi dan mengubahnya menjadi feses, dengan dibantu oleh bakteri Escherichia coli.</p>
<p style="text-align: justify;">Nah, di usus besar terdapat beberapa bagian, yaitu:</p>
<ol style="text-align: justify;">
<li><strong>Kolon,</strong> sebagai tempat pemadatan feses atau penyerapan kembali air dari zat sisa makanan.</li>
<li><strong>Rektum,</strong> sebagai tempat menyimpan feses sementara waktu.</li>
</ol>
<p>&nbsp;</p>
<p style="text-align: justify;">Selain itu, ada pula <strong>umbai cacing</strong>, yaitu bagian yang berbentuk memanjang seperti cacing. Bagian ini bisa membengkak jika ada sisa makanan yang tersumbat di dalamnya, lalu menimbulkan penyakit usus buntu. Berikut gambar bagian-bagian usus besar yang bisa kamu perhatikan!</p>
<p style="text-align: center;"><img decoding="async" style="width: 600px; margin-left: auto; margin-right: auto; display: block;" src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/bagian-bagian%20usus%20besar.jpg" alt="sistem pencernaan manusia - bagian-bagian usus besar - kolon, rektum" width="600" /></p>
<p>&nbsp;</p>
<h3><span style="font-size: 14pt;">7. Rektum dan Anus</span></h3>
<p style="text-align: justify;">Sebelum feses dikeluarkan dari tubuh melalui anus, feses akan disimpan terlebih dulu di dalam <strong>rektum</strong>. Di rektum ini, sensor akan mengirimkan sinyal ke otak untuk memutuskan apakah feses peru dikeluarkan atau tidak.</p>
<p style="text-align: justify;">Jika, feses perlu dikeluarkan, <strong>anus akan berfungsi sebagai tempat untuk membuang feses atau zat sisa makanan</strong> tersebut. Kemudian, otot anus berfungsi menahan dan menjaga feses agar tidak keluar dari rektum sebelum saatnya.</p>
<p style="font-weight: bold; text-align: justify;">Baca Juga: <a href="/blog/sistem-ekskresi-manusia" rel="noopener">Mengenal Organ Sistem Ekskresi Manusia: Paru-Paru, Hati, Kulit</a></p>
<p>&nbsp;</p>
<h2 style="text-align: justify;"><span style="font-size: 18pt;">Macam-Macam Gangguan pada Sistem Pencernaan Manusia</span></h2>
<p style="text-align: justify;">Oke, setelah mengetahui macam-macam organ dan sistem pencernaan manusia, kita bisa tahu nih, kalau organ-organ tersebut punya peran yang sangat penting. Oleh karena itu, kita harus menjaga kesehatan organ pencernaan, supaya tidak menjadi penyakit yang mengganggu aktivitas kita.</p>
<p style="text-align: justify;">Nah, berikut ini, ada beberapa penyakit atau gangguan sistem pencernaan yang bisa disebabkan oleh berbagai hal, seperti bakteri pada makanan, stress, atau infeksi. Contoh gangguan sistem pencernaan pada manusia, di antaranya:</p>
<ul>
<li aria-level="1">Sariawan: disebabkan oleh luka tergigit, kekurangan vitamin C, dll.</li>
<li aria-level="1">Konstipasi (sembelit): kesukaran dalam proses defekasi (buang air Abesar).</li>
<li aria-level="1">Diare: feses yang sangat cair akibat peristaltik terlalu cepat.</li>
<li aria-level="1">Apendisitis: radang usus buntu.</li>
<li aria-level="1">Peritonitis: infeksi pada rongga perut.</li>
<li aria-level="1">Sirosis hati: radang pada hati.</li>
</ul>
<p>&nbsp;</p>
<p>Selain penyakit-penyakit di atas, masih banyak gangguan pencernaan lainnya. Kalau kamu ingin tahu lebih banyak, kamu bisa coba baca di artikel di bawah ini, ya!</p>
<p style="font-weight: bold;">Baca Juga: <a href="/blog/gangguan-organ-pencernaan-manusia" rel="noopener">Apa Saja Gangguan pada Sistem Pencernaan Manusia?</a></p>
<p style="text-align: center;">&#8212;</p>
<p style="text-align: justify;">Nah, itulah penjelasan ringkas mengenai materi sistem pencernaan manusia di dalam tubuh. Adanya pengetahuan tentang organ sistem pencernaan, dapat menjadikan diri kita untuk selalu berhati-hati. Makanan yang sehat, bersih, dan bergizi adalah parameter yang penting untuk menjaga kesehatan tubuh. <em>So</em>, jaga selalu organ pencernaan kalian ya guysss!!!!!</p>
<p style="text-align: justify;">Kalau kamu merasa materi ini kurang membantu, kamu bisa belajar lebih lengkap lagi di <strong><a href="https://www.ruangguru.com/ruangbelajar">ruangbelajar</a></strong>. Di sana, kamu bisa belajar melalui video interaktif, dan didukung oleh beragam fitur untuk membantumu mudah kuasai materi. Yuk, download aplikasinya sekarang!</p>
<p><a href="https://bayar.ruangguru.com/"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3260f88-1749-4d3b-8973-be3aae07a94c.jpg" alt="CTA Ruangguru" /></a></p>
<p style="font-weight: bold;">Referensi:</p>
<p style="text-align: left;">Eureka Pendidikan. “Materi Sistem Pencernaan Manusia”. https://eurekapendidikan.com/materi-sistem-pencernaan-manusia. Diakses 21 April 2021.</p>
<p style="text-align: left;">Kementerian Pendidikan dan Kebudayaan. (2017). Ilmu Pengetahuan Alam Kelas VIII SMP/MTS Edisi Revisi 2017. Jakarta: Balitbang Kemendikbud.</p>
              </div>
              <div class="content-meta-tags">
                <a href="https://www.ruangguru.com/blog/tag/kelas-8" rel="tag">Kelas 8</a>&nbsp;<a href="https://www.ruangguru.com/blog/tag/konsep-pelajaran" rel="tag">Konsep Pelajaran</a>&nbsp;<a href="https://www.ruangguru.com/blog/tag/smp" rel="tag">SMP</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">Kak Nazirah MT Saintek</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=&amp;text=Macam-Macam Organ Sistem Pencernaan Manusia &#038; Fungsinya | Biologi Kelas 8%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/sistem-pencernaan-manusia"><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/sistem-pencernaan-manusia&amp;quote=Macam-Macam Organ Sistem Pencernaan Manusia &#038; Fungsinya | Biologi Kelas 8"> <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=Macam-Macam Organ Sistem Pencernaan Manusia &#038; Fungsinya | Biologi Kelas 8&amp;url=https://www.ruangguru.com/blog/sistem-pencernaan-manusia"> <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&amp;url=https://www.ruangguru.com/blog/sistem-pencernaan-manusia&amp;title=Macam-Macam Organ Sistem Pencernaan Manusia &#038; Fungsinya | Biologi Kelas 8"><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 &#038; 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 &#038; 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 = 1030;
  const tags_id = [25,10,16];
  const category_id = 506;
  const sub_category_id = 508;

  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 &amp; 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&amp;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">
      &copy; 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>