{"id":470,"date":"2026-03-22T12:36:58","date_gmt":"2026-03-22T12:36:58","guid":{"rendered":"https:\/\/www.jejakkebaikan.com\/?page_id=470"},"modified":"2026-03-22T13:00:53","modified_gmt":"2026-03-22T13:00:53","slug":"100-al-adiyat","status":"publish","type":"page","link":"https:\/\/www.jejakkebaikan.com\/?page_id=470","title":{"rendered":"100 Al-Adiyat"},"content":{"rendered":"\n\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\u0639\u0627\u062f\u064a\u0627\u062a<\/span>\n        <h1>Surah Al-Adiyat<\/h1>\n        <div class=\"qp-meta\">Surah-100 \u2022 11 Verses \u2022 Makkiyah \u2022 &#8220;The Chargers&#8221;<\/div>\n    \n        <a href=\"https:\/\/www.jejakkebaikan.com\/?page_id=478\" target=\"_blank\" class=\"qp-btn\">Read Full Tafsir<\/a>\n        \n        <a href=\"https:\/\/www.youtube.com\/watch?v=z40CXbSlMpA\" \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\/32a2431a-bc14-4c7a-bcfc-b9296ffdee03\" \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>Pelajaran dari Deru Kuda Perang: 5 Realitas Mengejutkan tentang Sifat Manusia dalam Surah Al-Adiyat<\/h1>\n\n    <p>Bayangkan sebuah fragmen sinematik yang menggetarkan jiwa: sekelompok kuda perang berlari kencang membelah kegelapan malam. Suara napas mereka yang terengah-engah (<i>dhabbha<\/i>) memecah kesunyian, kuku-kuku mereka menghantam batu cadas hingga memercikkan api.<br>\n    Visualitas yang luar biasa kuat dalam lima ayat pertama Surah Al-Adiyat ini bukan sekadar deskripsi militer klasik. Melalui sumpah demi intensitas kuda-kuda ini, Allah SWT mengajak kita berkaca pada sesuatu yang jauh lebih &#8220;liar&#8221; dan eksplosif: yakni potensi serta keliaran jiwa manusia.<\/p>\n\n    <h2>1. Mengapa Kuda Perang? Simbol Dedikasi vs. Pemberontakan Manusia<\/h2>\n    <p>Allah bersumpah demi <i>Al-Adiyat<\/i>, kuda-kuda yang berlari hingga sesak napas. Dalam kacamata sejarah dan Tafsir Tahlili, kuda adalah instrumen vital kemenangan. Melalui sumpah ini, Allah ingin membangkitkan semangat perjuangan agar mukmin memiliki kesiagaan yang tinggi.<\/p>\n    <p>\n        <strong>&#8220;Demi kuda-kuda perang yang berlari kencang terengah-engah,&#8221; (Ayat 1)<\/strong><br>\n        <strong>&#8220;yang memercikkan bunga api (dengan entakan kakinya),&#8221; (Ayat 2)<\/strong>\n    <\/p>\n    <p>Refleksi ini menghadirkan kontras tajam: seekor kuda perang menunjukkan pengabdian total bahkan di tengah api pertempuran demi tuannya. Sementara itu, manusia yang dibekali nikmat tak terhitung justru sering kali menggunakan energi hidupnya untuk membangkang kepada Sang Pencipta.<\/p>\n\n    <h2>2. &#8220;Kanud&#8221;: Saat Kita Lebih Hafal Daftar Masalah daripada Daftar Berkah<\/h2>\n    <p>Pada ayat ke-6, Allah menyampaikan inti dari sumpah-Nya: <strong>&#8220;Sesungguhnya manusia itu sangatlah ingkar (kanud) kepada Tuhannya.&#8221;<\/strong><\/p>\n    <p>Istilah <i>Kanud<\/i> merujuk pada penyakit psikologis kronis: manusia cenderung memiliki ingatan sangat tajam terhadap musibah, namun sangat amnesia terhadap nikmat. Kita sering merinci setiap detail kegagalan, sementara menganggap ribuan kesehatan dan kecukupan sebagai hal yang &#8220;biasa saja&#8221;.<\/p>\n\n    <h2>3. Kita Adalah Saksi Atas Kebohongan Kita Sendiri<\/h2>\n    <p>Ayat ke-7 menegaskan bahwa manusia sebenarnya menyadari penyimpangannya. Meski lisan mampu menyusun seribu dalih, perilaku nyata adalah saksi yang tidak bisa disuap. Tafsir Tahlili Kemenag menyebutnya sebagai <strong>&#8220;Kesaksian Hal&#8221;<\/strong> (kesaksian melalui perbuatan).<\/p>\n    <p>Di hadapan Allah, sandiwara publik kita runtuh oleh pengakuan jujur dari perilaku sehari-hari yang menunjukkan sejauh mana kita sebenarnya mengabaikan syukur.<\/p>\n\n    <h2>4. Ironi &#8220;Al-Khair&#8221; \u2013 Ketika Cinta Harta Menjadi Penghalang<\/h2>\n    <p>Surah ini menyingkap kecenderungan manusia yang terjebak dalam materi secara destruktif: <strong>&#8220;Dan sesungguhnya cintanya pada harta benar-benar berlebihan.&#8221; (Ayat 8)<\/strong><\/p>\n    <p>Al-Qur&#8217;an menggunakan kata <i>Al-Khair<\/i> (kebaikan) untuk menyebut harta sebagai bentuk ironi; harta disebut &#8220;baik&#8221; karena begitulah manusia memandangnya. Namun, saat kecintaan ini menjadi obsesif, ia berubah menjadi bumerang yang melahirkan sifat kikir dan tamak.<\/p>\n\n    <h2>5. Pengadilan &#8220;Isi Dada&#8221; \u2013 Runtuhnya Persona Publik<\/h2>\n    <p>Surah ini ditutup dengan eskalasi yang menggetarkan: momen ketika isi kubur dibongkar dan apa yang tersimpan di dalam dada &#8220;ditampakkan&#8221; (<i>hushshila<\/i>). Inilah fase penyingkapan rahasia hati secara transparan.<\/p>\n    <p>Allah menyebut Diri-Nya sebagai <strong>Al-Khabir<\/strong> (Maha Teliti). Di hari itu, segala niat dan motivasi tersembunyi akan dipilah dengan akurasi absolut. Bukan lagi amal fisik yang menjadi sorotan utama, melainkan kemurnian hati.<\/p>\n\n    <hr>\n\n    <h3>Kesimpulan &#038; Refleksi Akhir<\/h3>\n    <p>Surah Al-Adiyat mengajarkan kita untuk mendisiplinkan diri\u2014membelenggu sifat <i>kanud<\/i> dan keserakahan\u2014demi pengabdian kepada Sang Khalik. Mari kita belajar &#8220;memberangus&#8221; keliaran ego sebelum ia menjerumuskan kita lebih jauh.<\/p>\n\n    <h5>Pertanyaan Renungan:<\/h5>\n    <p><i>&#8220;Jika hari ini isi dada kita &#8216;ditampakkan&#8217; di depan semua orang, apakah kita akan bangga atau justru merasa malu dengan apa yang selama ini kita simpan?&#8221;<\/i><\/p>\n    \n    <\/section>\n    \n        \n    <section id=\"qp-mindmap\" class=\"qp-tab-content\">\n        <h2>Struktur Surat Al-Adiyat<\/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\/100-Al-Adiyat-Mind-Map.png\" alt=\"Mindmap Surat Al-Adiyat\" 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\/100-Al-Adiyat-infograph-1-scaled.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 Al-Adiyat<\/h2>\n        <p>Gulir ke bawah pada tampilan di bawah untuk membaca presentasi lengkap mengenai Surat Al-Adiyat.<\/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\/100-Al-Adiyat-slidedeck-Anatomy_of_Human_Ingratitude_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 Chargers 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 Al-Adiyat ayat 1-2 apa yang menyebabkan munculnya percikan bunga api (muriyaat)?<\/h3>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"A\"> A.Benturan senjata para pejuang di medan pertempuran.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"B\"> B.Api unggun yang dinyalakan pasukan di malam hari.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"C\"> C.Gesekan antara kuku kaki kuda yang berlari kencang dengan bebatuan.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"D\"> D.Kilatan petir yang menyambar di tengah debu peperangan.<\/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\n","protected":false},"excerpt":{"rendered":"<p>&#x2728; Powered by AI Insights \u0627\u0644\u0639\u0627\u062f\u064a\u0627\u062a Surah Al-Adiyat Surah-100 \u2022 11 Verses \u2022 Makkiyah \u2022 &#8220;The Chargers&#8221; Read Full Tafsir Watch Video Listen to Audio Ringkasan Mindmap Infografis Slide Deck Kuis Interaktif Pelajaran dari Deru Kuda Perang: 5 Realitas Mengejutkan tentang Sifat Manusia dalam Surah Al-Adiyat Bayangkan sebuah fragmen sinematik yang menggetarkan jiwa: sekelompok kuda [&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-470","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/470","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=470"}],"version-history":[{"count":3,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/470\/revisions"}],"predecessor-version":[{"id":486,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/470\/revisions\/486"}],"wp:attachment":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}