{"id":702,"date":"2026-03-24T05:52:49","date_gmt":"2026-03-24T05:52:49","guid":{"rendered":"https:\/\/www.jejakkebaikan.com\/?page_id=702"},"modified":"2026-03-24T06:01:30","modified_gmt":"2026-03-24T06:01:30","slug":"54-al-qamar","status":"publish","type":"page","link":"https:\/\/www.jejakkebaikan.com\/?page_id=702","title":{"rendered":"54 Al-Qamar"},"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\u0642\u0645\u0631<\/span>\n        <h1>Surah Al-Qamar<\/h1>\n        <div class=\"qp-meta\">Surah-54 \u2022 55 Verses \u2022 Makkiyah \u2022 &#8220;The Moon&#8221;<\/div>\n    \n        <a href=\"https:\/\/www.jejakkebaikan.com\/?page_id=703\" target=\"_blank\" class=\"qp-btn\">Read Full Tafsir<\/a>\n        \n        <a href=\"https:\/\/youtu.be\/5NR2CZ8qP6A\" \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\/3f129f49-e415-4789-9c1f-34cfefbb3b14\" \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>Terbelahnya Bulan dan Isyarat Waktu: 5 Pelajaran Tak Terduga dari Surah Al-Qamar<\/h1>\n\n    <h2>1. PENDAHULUAN: Misteri Satelit Bumi dan Peringatan yang Terabaikan<\/h2>\n    <p>Dalam cakrawala spiritual Surah Al-Qamar, bulan beralih fungsi dari sekadar penghias malam menjadi sebuah &#8220;alarm&#8221; kosmik yang berdering keras. Surah ini dibuka dengan proklamasi yang menggetarkan: bahwa waktu kiamat telah mendekat dan sebuah tanda besar telah dipancangkan di langit.<br>\n    Peristiwa terbelahnya bulan bukan sekadar catatan sejarah, melainkan sebuah isyarat kuat bagi kemanusiaan tentang kerapuhan materi di hadapan Kehendak Ilahi.<\/p>\n\n    <h2>2. MUKJIZAT DI ATAS BUKIT: Mengapa Sihir Bukan Jawaban?<\/h2>\n    <p>Sejarah mencatat penduduk Mekah pernah menantang Nabi Muhammad SAW untuk menunjukkan bukti kerasulannya. Sebagai jawaban, Allah memperlihatkan fenomena bulan terbelah menjadi dua bagian (<i>marratain<\/i>). Satu bagian berada di atas bukit <strong>Abu Qubais<\/strong> dan bagian lainnya di atas bukit <strong>Qu\u2019ayqa\u2019an<\/strong>.<\/p>\n    \n    \n\n    <p>Kaum Quraisy mencoba menyebutnya sebagai sihir, namun logika ini runtuh oleh kesaksian para musafir dari luar Mekah. Jika itu sihir, pengaruhnya tidak akan mencapai manusia yang berada jauh di luar jangkauan pandangan penduduk Mekah saat itu.<\/p>\n\n    <h2>3. NARASI &#8220;ORANG GILA&#8221;: Pola Penolakan terhadap Kebenaran<\/h2>\n    <p>Surah Al-Qamar membedah psikologi massa dalam menolak kebenaran melalui kisah Nabi Nuh AS. Saat pesan tauhid mengusik status quo, masyarakat menyerang dengan stigmatisasi &#8220;orang gila&#8221; (<i>majnun<\/i>).<br>\n    Tuduhan masif ini membawa Nabi Nuh pada doa yang sangat menyentuh: <strong>&#8220;Anni maghlubun fantashir&#8221;<\/strong> (Sesungguhnya aku telah dikalahkan, maka tolonglah aku).<\/p>\n\n    <h2>4. TEKNOLOGI DAN PERLINDUNGAN: Di Balik &#8220;Papan dan Paku&#8221;<\/h2>\n    <p>Puncak kisah Nabi Nuh dalam surah ini adalah deskripsi teknis kapal yang disebut <i>&#8220;dzati alwahin wa dusur&#8221;<\/i>\u2014konstruksi yang terdiri dari papan dan paku (atau tali pengikat).<\/p>\n    \n    \n\n    <p>Pelajaran krusialnya adalah kontras antara kelemahan material kapal dengan besarnya perlindungan Ilahi. Kapal itu berlayar <i>&#8220;bi a&#8217;yunina&#8221;<\/i>\u2014di bawah pengawasan mata Allah. Keselamatan tidak bergantung pada kecanggihan material, melainkan pada ketaatan mutlak kepada Sang Pencipta.<\/p>\n\n    <h2>5. PERSPEKTIF WAKTU: Seberapa Dekatkah &#8220;Hari Itu&#8221;?<\/h2>\n    <p>Urgensi waktu adalah tema sentral surah ini. Al-Qur&#8217;an menggunakan istilah <strong>Nukr<\/strong> untuk menggambarkan kedahsyatan kiamat yang tidak pernah terbayangkan sebelumnya. Rasulullah SAW mengibaratkan jarak antara beliau dan kiamat seperti jarak antara jari telunjuk dan jari tengah.<\/p>\n\n    <h2>6. KEMUDAHAN YANG SERING DIABAIKAN: Pesan Berulang Surah Al-Qamar<\/h2>\n    <p>Keunikan surah ini adalah pengulangan ayat <i>&#8220;Walaqad yassarna al-Qur&#8217;ana lidz-dzikri fahal min muddakir&#8221;<\/i> sebanyak empat kali. Allah menegaskan bahwa Al-Qur&#8217;an telah dimudahkan untuk dihafal dan dipahami.<\/p>\n    \n    \n\n    <p>Berdasarkan keterangan Said bin Jubair, Al-Qur&#8217;an adalah satu-satunya kitab suci yang bisa dibaca seluruhnya melalui hafalan oleh banyak orang, berbeda dengan kitab-kitab terdahulu yang hanya bisa dihafal oleh segelintir nabi.<\/p>\n\n    <hr>\n\n    <h3>7. KESIMPULAN: Menatap Bulan dengan Cara Baru<\/h3>\n    <p>Surah Al-Qamar mengajarkan bahwa tanda kekuasaan Tuhan tersebar luas, dari peristiwa kosmik hingga fragmen sejarah. Kapal Nabi Nuh mengajarkan ketaatan, dan kemudahan Al-Qur&#8217;an adalah bukti kasih sayang Tuhan.<\/p>\n\n    <h5>Pertanyaan Refleksi:<\/h5>\n    <p><i>&#8220;Jika alam semesta mampu tunduk dan terbelah untuk menunjukkan kebenaran, seberapa keras hati kita untuk tetap menutup mata?&#8221;<\/i><\/p>\n    \n    <\/section>\n    \n        \n    <section id=\"qp-mindmap\" class=\"qp-tab-content\">\n        <h2>Struktur Surat Al-Qamar<\/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\/54-Al-Qamar-Mind-Map.png\" alt=\"Mindmap Surat Al-Qamar\" 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\/54-Al-Qamar-infograph-1.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-Qamar<\/h2>\n        <p>Gulir ke bawah pada tampilan di bawah untuk membaca presentasi lengkap mengenai Surat Al-Qamar.<\/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\/54-Al-Qamar-slidedeck-Al-Qamar_Cosmic_Synthesis_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 Moon 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-Qamar ayat 1 terdapat perbedaan pendapat di kalangan mufasir mengenai peristiwa terbelahnya bulan. Apa pendapat yang didukung oleh mayoritas ulama dan hadis sahih?<\/h3>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"A\"> A.Peristiwa tersebut hanya akan terjadi di masa depan saat hari Kiamat tiba.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"B\"> B.Peristiwa tersebut telah terjadi pada masa Nabi Muhammad sebagai mukjizat.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"C\"> C.Terbelahnya bulan hanyalah sebuah kiasan untuk gerhana bulan biasa.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"D\"> D.Bulan terbelah secara metaforis yaitu terbelahnya kegelapan oleh cahaya.<\/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\u0642\u0645\u0631 Surah Al-Qamar Surah-54 \u2022 55 Verses \u2022 Makkiyah \u2022 &#8220;The Moon&#8221; Read Full Tafsir Watch Video Listen to Audio Ringkasan Mindmap Infografis Slide Deck Kuis Interaktif Terbelahnya Bulan dan Isyarat Waktu: 5 Pelajaran Tak Terduga dari Surah Al-Qamar 1. PENDAHULUAN: Misteri Satelit Bumi dan Peringatan yang Terabaikan Dalam cakrawala [&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-702","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/702","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=702"}],"version-history":[{"count":2,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/702\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/702\/revisions\/711"}],"wp:attachment":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}