{"id":425,"date":"2026-03-22T02:21:40","date_gmt":"2026-03-22T02:21:40","guid":{"rendered":"https:\/\/www.jejakkebaikan.com\/?page_id=425"},"modified":"2026-03-22T12:29:39","modified_gmt":"2026-03-22T12:29:39","slug":"99-az-zalzalah","status":"publish","type":"page","link":"https:\/\/www.jejakkebaikan.com\/?page_id=425","title":{"rendered":"99 Az-Zalzalah"},"content":{"rendered":"\n<div id=\"quran-portal-wrapper\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Inter:wght@300;400;600;700&display=swap');\n\n    #quran-portal-wrapper {\n      font-family: 'Inter', sans-serif;\n      color: #333;\n      line-height: 1.6;\n      max-width: 1000px;\n      margin: 0 auto;\n      background: #fff;\n    }\n\n    \/* Hero Section *\/\n    .qp-hero {\n      background: linear-gradient(135deg, #F0F7F0 0%, #E0EFE0 100%);\n      padding: 40px 30px;\n      border-radius: 12px;\n      margin-bottom: 30px;\n      text-align: center;\n      border: 1px solid #e5ece5;\n    }\n    .qp-badge {\n      display: inline-block;\n      background: #e6f2e6;\n      color: #2D5A27;\n      padding: 5px 12px;\n      border-radius: 20px;\n      font-size: 12px;\n      font-weight: 600;\n      margin-bottom: 15px;\n    }\n    .qp-hero h1 {\n      color: #2D5A27;\n      margin: 0 0 10px 0;\n      font-size: 32px;\n      font-weight: 700;\n    }\n    .qp-arabic {\n      font-family: 'Amiri', serif;\n      font-size: 40px;\n      color: #2D5A27;\n      display: block;\n      margin-bottom: 10px;\n    }\n    .qp-meta {\n      color: #666;\n      font-size: 14px;\n      margin-bottom: 20px;\n    }\n    .qp-btn {\n      background: #2D5A27;\n      color: #fff;\n      border: none;\n      padding: 10px 24px;\n      border-radius: 6px;\n      font-weight: 600;\n      cursor: pointer;\n      text-decoration: none;\n      transition: background 0.3s;\n      display: inline-block;\n      margin: 5px;\n    }\n    .qp-btn:hover { background: #1f401b; }\n    .qp-btn-outline {\n      background: transparent;\n      color: #2D5A27;\n      border: 2px solid #2D5A27;\n    }\n    .qp-btn-outline:hover { background: #e6f2e6; color: #2D5A27; }\n\n    \/* Tabs Navigation *\/\n    .qp-tabs {\n      display: flex;\n      border-bottom: 2px solid #eaeaea;\n      margin-bottom: 25px;\n      overflow-x: auto;\n      white-space: nowrap;\n    }\n    .qp-tab-btn {\n      background: none;\n      border: none;\n      padding: 12px 20px;\n      font-size: 15px;\n      font-weight: 600;\n      color: #666;\n      cursor: pointer;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n      transition: all 0.3s ease;\n    }\n    .qp-tab-btn:hover { color: #2D5A27; }\n    .qp-tab-btn.active {\n      color: #2D5A27;\n      border-bottom: 3px solid #2D5A27;\n    }\n\n    \/* Tab Content *\/\n    .qp-tab-content {\n      display: none;\n      padding: 20px 10px;\n      animation: fadeIn 0.4s;\n    }\n    .qp-tab-content.active { display: block; }\n    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n\n    \/* Summary Styling *\/\n    .qp-summary h2 { color: #1f401b; margin-bottom: 15px; }\n    .qp-summary h3 { color: #2D5A27; margin-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 8px; font-size: 18px;}\n    .qp-summary p { margin-bottom: 15px; text-align: justify; }\n    .qp-summary ul { padding-left: 20px; margin-bottom: 15px; }\n    .qp-summary li { margin-bottom: 10px; line-height: 1.6; }\n    \n    \/* Quiz Styling *\/\n    .qp-quiz-card {\n      border: 1px solid #eaeaea;\n      border-radius: 8px;\n      padding: 25px;\n      background: #fafafa;\n    }\n    .qp-option {\n      display: block;\n      padding: 12px 15px;\n      margin-bottom: 10px;\n      background: #fff;\n      border: 1px solid #ddd;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: 0.2s;\n    }\n    .qp-option:hover { border-color: #2D5A27; background: #F0F7F0; }\n\n    \/* Responsive Images *\/\n    .qp-img-responsive {\n      max-width: 100%;\n      height: auto;\n      border-radius: 8px;\n      box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n      display: block;\n      margin: 0 auto;\n    }\n  <\/style>\n\n    <header class=\"qp-hero\">\n        <span class=\"qp-badge\">&#x2728; Powered by AI Insights<\/span>\n        <span class=\"qp-arabic\">\u0627\u0644\u0632\u0644\u0632\u0644\u0629<\/span>\n        <h1>Surah Az-Zalzalah<\/h1>\n        <div class=\"qp-meta\">Surah-99 \u2022 8 Verses \u2022 Medinah \u2022 &#8220;The Earthquake&#8221;<\/div>\n    \n        <a href=\"https:\/\/www.jejakkebaikan.com\/?page_id=426\" target=\"_blank\" class=\"qp-btn\">Read Full Tafsir<\/a>\n        \n        <a href=\"https:\/\/www.youtube.com\/watch?v=Sc1vaYerd9Q\" \n           target=\"_blank\" \n           rel=\"noopener noreferrer\" \n           class=\"qp-btn qp-btn-outline\">\n           Watch Video\n        <\/a>\n        \n        <a href=\"https:\/\/open.noice.id\/content\/4244e702-fd99-4f30-81ad-3adf6cc25a1e\" \n           target=\"_blank\" \n           rel=\"noopener noreferrer\" \n           class=\"qp-btn qp-btn-outline\">\n           Listen to Audio\n        <\/a>\n    <\/header>\n      \n      \n    <div class=\"qp-tabs\">\n        <button class=\"qp-tab-btn\" onclick=\"openQPTab(event, 'qp-overview')\">Ringkasan<\/button>\n        <button class=\"qp-tab-btn\" onclick=\"openQPTab(event, 'qp-mindmap')\">Mindmap<\/button>\n        <button class=\"qp-tab-btn active\" onclick=\"openQPTab(event, 'qp-infographic')\">Infografis<\/button>\n        <button class=\"qp-tab-btn\" onclick=\"openQPTab(event, 'qp-slides')\">Slide Deck<\/button>\n        <button class=\"qp-tab-btn\" onclick=\"openQPTab(event, 'qp-quiz')\">Kuis Interaktif<\/button>\n    <\/div>\n    \n    \n    <section id=\"qp-overview\" class=\"qp-tab-content qp-summary\">\n        \n\n    <h1>Lebih dari Sekadar Guncangan: 4 Pesan Tersembunyi dari Surat Az-Zalzalah yang Mengubah Cara Kita Memandang Hidup<\/h1>\n\n    <p>Bagi siapa pun yang pernah merasakan bumi bergetar di bawah kaki mereka, rasa takut yang muncul bukan sekadar respons fisik, melainkan sebuah getaran eksistensial. Peristiwa dahsyat seperti letusan Krakatau atau tsunami adalah potret kecil dari kekuatan alam.<br>\n    Namun, Al-Qur\u2019an melalui Surat Az-Zalzalah mengajak kita melihat melampaui fenomena geologi tersebut, menuju sebuah peristiwa yang jauh lebih besar: guncangan yang mengakhiri sekaligus memulai segalanya.<\/p>\n\n    <p>Surat pendek ini memiliki kedudukan istimewa. Rasulullah SAW menyebutkan bahwa Surat Az-Zalzalah sebanding dengan <strong>&#8220;setengah dari Al-Qur&#8217;an&#8221;<\/strong> karena di balik delapan ayatnya, tersimpan hakikat keadilan ilahi yang sangat presisi.<\/p>\n\n    <h2>1. Guncangan &#8220;Miliknya&#8221;: Sebuah Peristiwa yang Dipersonalisasi<\/h2>\n    <p>Surat ini dibuka dengan diksi yang sangat spesifik. Kata <i>zilzalaha<\/i> (guncangannya) pada ayat pertama merujuk kembali kepada bumi. Berdasarkan Tafsir al-Tabari, guncangan ini adalah peristiwa final yang diciptakan khusus untuknya.<\/p>\n    <p><strong>&#8220;Apabila bumi diguncangkan dengan guncangan yang dahsyat,&#8221; (QS. Az-Zalzalah: 1)<\/strong><\/p>\n    <p>Jika gempa bumi biasa adalah proses geologi tektonik, maka <i>zilzalaha<\/i> adalah proses &#8220;pembersihan&#8221; total. Di sini, kiamat bukan sekadar kehancuran acak, melainkan momen saat bumi menyelesaikan tugas akhirnya dengan guncangan paling hebat yang pernah ia simpan.<\/p>\n\n    <h2>2. Saat Bumi Mulai &#8220;Bicara&#8221;: Saksi Bisu yang Menjadi Saksi Kunci<\/h2>\n    <p>Bumi yang telah hancur luluh tidak lantas menjadi benda mati yang sia-sia. Sebaliknya, ia bertransformasi menjadi saksi kunci karena Tuhan telah &#8220;mewahyukan&#8221; (<i>awha laha<\/i>) kepadanya untuk berbicara.<\/p>\n    <p><strong>&#8220;Pada hari itu (bumi) menyampaikan beritanya,&#8221; (QS. Az-Zalzalah: 4)<\/strong><\/p>\n    <p>Dalam Tafsir Ibn Kathir, dijelaskan bahwa berita yang disampaikan bumi adalah kesaksian atas setiap perbuatan manusia. Bumi menjadi penyimpan data raksasa yang akan berkata: <i>&#8220;Dia telah melakukan ini dan itu pada hari ini dan itu.&#8221;<\/i> Lingkungan fisik kita ternyata memiliki &#8220;mata&#8221; yang kelak akan berbicara atas izin Ilahi.<\/p>\n\n    <h2>3. Ironi &#8220;Beban&#8221; Bumi: Emas, Perak, dan Penyesalan yang Terlambat<\/h2>\n    <p>Ayat kedua menyebutkan bahwa bumi mengeluarkan &#8220;beban-beban beratnya&#8221; (<i>athqalaha<\/i>). Selain mengeluarkan mayat, bumi akan memuntahkan <i>af-ladh kabidiha<\/i> berupa pilar-pilar emas dan perak yang berkilauan.<\/p>\n    <p>Di sinilah letak ironi terbesar. Harta yang dahulu diperebutkan dengan darah dan harga diri, kini tak lebih dari sampah. Para pelaku maksiat hanya akan memandanginya dengan penyesalan yang dalam, lalu meninggikalnya begitu saja tanpa keinginan untuk mengambilnya sedikit pun karena nilainya telah sirna sepenuhnya.<\/p>\n\n    <h2>4. Kekuatan Unit Terkecil: Filosofi Seberat &#8220;Zarah&#8221;<\/h2>\n    <p>Sebagai penutup, surat ini membawa kita pada tingkat presisi keadilan yang luar biasa melalui istilah <strong>zarah<\/strong>. Para ahli tafsir menjelaskan bahwa <i>zarah<\/i> menyerupai debu halus yang hanya terlihat menari dalam seberkas sinar matahari.<\/p>\n    <p><strong>&#8220;Maka barang siapa mengerjakan kebaikan seberat zarah, niscaya dia akan melihat (balasan)nya. Dan barang siapa mengerjakan kejahatan seberat zarah, niscaya dia akan melihat (balasan)nya.&#8221; (QS. Az-Zalzalah: 7-8)<\/strong><\/p>\n    <p>Pesan ini adalah fondasi integritas: tidak ada kebaikan yang terlalu remeh untuk dilakukan, dan tidak ada keburukan yang terlalu kecil untuk diwaspadai. Keadilan Tuhan menjangkau hingga ke unit perbuatan yang paling mikroskopis.<\/p>\n\n    <hr>\n\n    <h3>Penutup: Membawa &#8220;Zalzalah&#8221; ke Dalam Keseharian<\/h3>\n    <p>Surat Az-Zalzalah adalah panduan moral yang padat. Rasulullah SAW menyebut dua ayat terakhirnya sebagai <i>Al-Ayah Al-Jami&#8217;ah Al-Fadhah<\/i>\u2014ayat yang menghimpun segala sesuatu dan bersifat sangat luas.<\/p>\n    \n    <h5>Refleksi Akhir:<\/h5>\n    <p><i>&#8220;Jika bumi di bawah kaki kita sedang merekam setiap langkah hari ini, cerita apa yang akan ia sampaikan tentang kita kelak?&#8221;<\/i><\/p>\n    \n    <\/section>\n    \n        \n    <section id=\"qp-mindmap\" class=\"qp-tab-content\">\n        <h2>Struktur Surat Az-Zalzalah<\/h2>\n        <p>Peta konsep ini menunjukkan pembagian tema utama dalam Surat.<\/p>\n        <img decoding=\"async\" src=\"http:\/\/www.jejakkebaikan.com\/wp-content\/uploads\/2026\/03\/99-Az-Zalzalah-Mind-Map.png\" alt=\"Mindmap Surat Az-Zalzalah\" class=\"qp-img-responsive\" style=\"max-width: 600px;\">\n    <\/section>\n    \n    <section id=\"qp-infographic\" class=\"qp-tab-content active\">\n        <img decoding=\"async\" src=\"http:\/\/www.jejakkebaikan.com\/wp-content\/uploads\/2026\/03\/99-Az-Zalzalah-infographic.png\" alt=\"Infografis Detail\" class=\"qp-img-responsive\">\n    <\/section>\n    \n    <section id=\"qp-slides\" class=\"qp-tab-content\">\n        <h2>Deep Dive Presentation Az-Zalzalah<\/h2>\n        <p>Gulir ke bawah pada tampilan di bawah untuk membaca presentasi lengkap mengenai Surat Az-Zalzalah.<\/p>\n        \n        <div style=\"position: relative; width: 100%; padding-top: 56.25%; \/* 16:9 Aspect Ratio *\/ box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; background: #f9f9f9;\">\n        <iframe loading=\"lazy\" \n        src=\"https:\/\/docs.google.com\/gview?url=http:\/\/www.jejakkebaikan.com\/wp-content\/uploads\/2026\/03\/99-Az-Zalzalah-slidedck-Spiritual_Seismology_compressed.pdf&#038;embedded=true\" \n        width=\"100%\" \n        height=\"100%\" \n        frameborder=\"0\" \n        style=\"position: absolute; top: 0; left: 0;\"\n        title=\"The Earthquake Deck PDF\">\n        <\/iframe>\n        <\/div>\n    <\/section>\n\n    \n    <section id=\"qp-quiz\" class=\"qp-tab-content\">\n        <style>\n          .qp-question-container { display: none; animation: fadeIn 0.3s; }\n          .qp-question-container.active { display: block; }\n          .qp-quiz-header { color: #666; font-size: 13px; margin-bottom: 15px; font-weight: 600; }\n          .qp-quiz-nav { display: flex; justify-content: space-between; margin-top: 25px; gap: 10px; }\n          .qp-btn-prev { background: #fff; color: #2D5A27; border: 1px solid #2D5A27; padding: 10px 24px; border-radius: 6px; font-weight: 600; cursor: pointer; transition: 0.2s; }\n          .qp-btn-prev:hover { background: #f0f7f0; }\n          .qp-btn-next { background: #4F46E5; color: #fff; border: none; padding: 10px 24px; border-radius: 20px; font-weight: 600; cursor: pointer; transition: 0.2s; min-width: 100px;}\n          .qp-btn-next:hover { background: #4338ca; }\n          .qp-result-card { text-align: center; display: none; }\n          .qp-score { font-size: 48px; font-weight: 700; color: #2D5A27; margin: 10px 0; }\n        <\/style>\n    \n        <div class=\"qp-quiz-card\">\n          <form id=\"qp-quiz-form\" onsubmit=\"event.preventDefault();\">\n            \n            <div class=\"qp-question-container active\" id=\"qp-q1\">\n              <div class=\"qp-quiz-header\">1 \/ 10<\/div>\n              <h3 style=\"margin-top: 0;\">Berdasarkan Surah Az-Zalzalah ayat pertama apa yang menandakan kedahsyatan hari Kiamat?<\/h3>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"A\"> A.Matahari terbit dari arah barat.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"B\"> B.Gunung-gunung hancur menjadi debu yang beterbangan.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"C\"> C.Langit terbelah dan menampakkan isinya.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"D\"> D.Bumi diguncangkan dengan guncangan yang sangat dahsyat.<\/label>\n              <div class=\"qp-quiz-nav\">\n                <div><\/div> <button type=\"button\" class=\"qp-btn-next\" onclick=\"qpNextQuestion(1, event)\">Next<\/button>\n              <\/div>\n            <\/div>\n    \n          <\/form>\n    \n          <div class=\"qp-result-card\" id=\"qp-quiz-result\">\n            <h3>Kuis Selesai!<\/h3>\n            <p>Skor Anda:<\/p>\n            <div class=\"qp-score\" id=\"qp-final-score\">0 \/ 10<\/div>\n            <p id=\"qp-score-message\"><\/p>\n            <button type=\"button\" class=\"qp-btn\" onclick=\"qpResetQuiz(event)\" style=\"margin-top: 15px;\">Ulangi Kuis<\/button>\n          <\/div>\n    \n        <\/div>\n            \n        <script>\n          var qpCorrectAnswers = {\n            'q1': 'A', 'q2': 'D', 'q3': 'B', 'q4': 'C', 'q5': 'A', \n            'q6': 'B', 'q7': 'C', 'q8': 'D', 'q9': 'D', 'q10': 'A'\n          };\n    \n          function qpNextQuestion(currentNum, e) {\n            if(e) e.preventDefault();\n            var selected = document.querySelector('input[name=\"q' + currentNum + '\"]:checked');\n            if (!selected) {\n              alert(\"Silakan pilih jawaban terlebih dahulu.\");\n              return;\n            }\n            document.getElementById('qp-q' + currentNum).classList.remove('active');\n            document.getElementById('qp-q' + (currentNum + 1)).classList.add('active');\n          }\n    \n          function qpPrevQuestion(currentNum, e) {\n            if(e) e.preventDefault();\n            document.getElementById('qp-q' + currentNum).classList.remove('active');\n            document.getElementById('qp-q' + (currentNum - 1)).classList.add('active');\n          }\n    \n          function qpSubmitQuiz(e) {\n            if(e) e.preventDefault();\n            var selected = document.querySelector('input[name=\"q10\"]:checked');\n            if (!selected) {\n              alert(\"Silakan pilih jawaban terlebih dahulu.\");\n              return;\n            }\n    \n            var score = 0;\n            \/\/ Check answers manually to support older browsers\/WP setups\n            for (var i = 1; i <= 10; i++) {\n              var answer = document.querySelector('input[name=\"q' + i + '\"]:checked');\n              if (answer &#038;&#038; answer.value === qpCorrectAnswers['q' + i]) {\n                score++;\n              }\n            }\n    \n            \/\/ Hide form, show results\n            document.getElementById('qp-quiz-form').style.display = 'none';\n            document.getElementById('qp-quiz-result').style.display = 'block';\n            document.getElementById('qp-final-score').innerText = score + ' \/ 10';\n    \n            var message = \"\";\n            if (score === 10) message = \"Luar biasa! Pemahaman Anda sangat sempurna. &#x1f31f;\";\n            else if (score >= 7) message = \"Bagus sekali! Anda memahami materi ini dengan baik. &#x1f44d;\";\n            else message = \"Tetap semangat! Anda bisa membaca kembali ringkasan untuk memantapkan pemahaman.\";\n            document.getElementById('qp-score-message').innerText = message;\n          }\n    \n          function qpResetQuiz(e) {\n            if(e) e.preventDefault();\n            document.getElementById('qp-quiz-form').reset();\n            document.getElementById('qp-quiz-result').style.display = 'none';\n            document.getElementById('qp-quiz-form').style.display = 'block';\n            \n            \/\/ Hide all questions, show question 1\n            for (var i = 1; i <= 10; i++) {\n                var q = document.getElementById('qp-q' + i);\n                if(q) q.classList.remove('active');\n            }\n            document.getElementById('qp-q1').classList.add('active');\n          }\n        <\/script>\n    <\/section>\n     \n\n  <script>\n    function openQPTab(evt, tabName) {\n      \/\/ Hide all tab content\n      var i, tabcontent, tablinks;\n      tabcontent = document.getElementsByClassName(\"qp-tab-content\");\n      for (i = 0; i < tabcontent.length; i++) {\n        tabcontent[i].style.display = \"none\";\n        tabcontent[i].classList.remove(\"active\");\n      }\n      \n      \/\/ Remove active class from all buttons\n      tablinks = document.getElementsByClassName(\"qp-tab-btn\");\n      for (i = 0; i < tablinks.length; i++) {\n        tablinks[i].classList.remove(\"active\");\n      }\n      \n      \/\/ Show the current tab, and add an \"active\" class to the button that opened the tab\n      document.getElementById(tabName).style.display = \"block\";\n      \/\/ Small timeout to allow display:block to apply before animating opacity\n      setTimeout(function() {\n        document.getElementById(tabName).classList.add(\"active\");\n      }, 10);\n      evt.currentTarget.classList.add(\"active\");\n    }\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#x2728; Powered by AI Insights \u0627\u0644\u0632\u0644\u0632\u0644\u0629 Surah Az-Zalzalah Surah-99 \u2022 8 Verses \u2022 Medinah \u2022 &#8220;The Earthquake&#8221; Read Full Tafsir Watch Video Listen to Audio Ringkasan Mindmap Infografis Slide Deck Kuis Interaktif Lebih dari Sekadar Guncangan: 4 Pesan Tersembunyi dari Surat Az-Zalzalah yang Mengubah Cara Kita Memandang Hidup Bagi siapa pun yang pernah merasakan bumi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-425","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=425"}],"version-history":[{"count":3,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/425\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/425\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}