{"id":791,"date":"2026-03-24T07:27:56","date_gmt":"2026-03-24T07:27:56","guid":{"rendered":"https:\/\/www.jejakkebaikan.com\/?page_id=791"},"modified":"2026-03-27T08:54:16","modified_gmt":"2026-03-27T08:54:16","slug":"63-al-munafiqun","status":"publish","type":"page","link":"https:\/\/www.jejakkebaikan.com\/?page_id=791","title":{"rendered":"63 Al-Munafiqun"},"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\u0645\u0646\u0627\u0641\u0642\u0648\u0646<\/span>\n        <h1>Surah Al-Munafiqun<\/h1>\n        <div class=\"qp-meta\">Surah-63 \u2022 11 Verses \u2022 Medinah \u2022 &#8220;The Hypocrites&#8221;<\/div>\n    \n        <a href=\"https:\/\/www.jejakkebaikan.com\/?page_id=792\" target=\"_blank\" class=\"qp-btn\">Read Full Tafsir<\/a>\n        \n        <a href=\"https:\/\/youtu.be\/wNp64qlz7Eg\" \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\/3432fc67-ae04-400b-bcd2-0526a132d770\" \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>Menguak Wajah di Balik Topeng: 5 Wawasan Tak Terduga dari Surah Al-Munafiqun<\/h1>\n\n    <p>Dalam jejaring interaksi manusia yang kompleks, misteri tersulit bukanlah memahami musuh nyata, melainkan mengenali ketidaktulusan di balik senyuman. <strong>Surah Al-Munafiqun<\/strong> hadir sebagai &#8220;manual&#8221; psikologis tajam untuk membedah anatomi kemunafikan dan disonansi kognitif.<\/p>\n\n    <h2>1. Penampilan yang Menipu: Estetika Lahiriah di Atas Vakumnya Jiwa<\/h2>\n    <p>Ayat 4 memperingatkan tentang karakter yang memiliki profil fisik mengagumkan dan orasi memikat, namun Al-Qur&#8217;an menyebut mereka sebagai <strong>khusyubun musannadah<\/strong> atau &#8220;kayu yang tersandar&#8221;.<\/p>\n    <p>Metafora ini melambangkan ketidakstabilan total. Layaknya kayu tanpa akar, mereka tidak memiliki prinsip yang menghujam ke bumi. Mereka hanya tegak karena bersandar pada status sosial atau reputasi orang lain; lahiriahnya elok, namun dalamnya &#8220;kosong melompong&#8221; tanpa nyawa spiritual.<\/p>\n\n    <h2>2. Sumpah sebagai Instrumen Proteksi, Bukan Komitmen<\/h2>\n    <p>Bagi kaum munafik, kata-kata suci beralih fungsi menjadi <i>jannah<\/i> atau perisai taktis (Ayat 2). Sumpah palsu dijadikan tameng untuk menyelamatkan diri dari konsekuensi sosial atau kerugian material.<\/p>\n    <p>Ini adalah pola peringatan: seseorang yang berlebihan membawa simbol agama dalam urusan remeh sering kali sedang membangun benteng untuk menyembunyikan kebohongan besar. Nilai sakral dikomodifikasi hanya demi melindungi ambisi pribadi.<\/p>\n\n    <h2>3. Paranoia Kronis: Ketakutan di Balik Keangkuhan<\/h2>\n    <p>Meskipun memamerkan kepercayaan diri, ayat 4 menyingkap bahwa mereka &#8220;mengira setiap teriakan ditujukan kepada mereka.&#8221; Ini adalah deskripsi psikologis tentang <strong>paranoia kronis<\/strong> akibat hati yang tidak damai.<\/p>\n    <p>Karena pernah mencicipi iman lalu memilih pengkhianatan batin, hati mereka menjadi &#8220;terkunci&#8221; (<i>fatubi&#8217;a &#8216;ala qulubihim<\/i>). Ketakutan ini muncul karena mereka sadar akan kepalsuan topeng yang mereka kenakan di hadapan publik.<\/p>\n\n    <h2>4. Delusi Kekuasaan dan Ironi di Gerbang Madinah<\/h2>\n    <p>Kemunafikan sering berjalan beriringan dengan delusi kontrol ekonomi. Abdullah bin Ubay mencoba melakukan sabotase ekonomi (Ayat 7), merasa bahwa dialah pemilik rezeki, padahal perbendaharaan langit dan bumi adalah hak prerogatif Allah.<\/p>\n    <p>Ironi memuncak saat putra kandung Abdullah bin Ubay sendiri menghadangnya di gerbang Madinah untuk menegaskan bahwa kemuliaan (<i>al-&#8216;izzah<\/i>) hanya milik Allah dan Rasul-Nya. Kekuatan sejati tidak terletak pada aset, melainkan pada integritas hubungan dengan Sang Pencipta.<\/p>\n\n    <h2>5. Menemukan Keseimbangan: Antitesis dari Kemunafikan<\/h2>\n    <p>Surah ini ditutup (Ayat 9-11) dengan solusi spiritual berupa <strong>zikrullah<\/strong> (mengingat Allah). Penawarnya bukanlah menjauhi dunia, melainkan menjaga agar harta dan anak-anak tidak mengaburkan kesadaran akan tujuan sejati penciptaan.<\/p>\n    <p>Ketulusan dalam beramal, terutama sedekah sebelum maut menjemput, adalah kunci agar batin tidak mengeras. Sebagaimana pesan Nabi SAW, harta sejati bukanlah yang dikumpulkan, melainkan apa yang telah disedekahkan untuk kekekalan.<\/p>\n\n    <hr>\n\n    <h3>Sebuah Refleksi untuk Diri Sendiri<\/h3>\n    <p>Esensi Surah Al-Munafiqun adalah menjadi cermin bagi hati kita sendiri. Kemunafikan adalah spektrum yang menghinggapi siapa saja yang gagal menjembatani kesenjangan antara ucapan dan tindakan.<\/p>\n\n    <h5>Pertanyaan Refleksi:<\/h5>\n    <p><i>&#8220;Jika hari ini adalah kesempatan terakhir kita, apakah yang tersisa dari diri kita hanyalah sebuah topeng yang indah, ataukah sebuah jiwa yang benar-benar hidup dalam ketulusan?&#8221;<\/i><\/p>\n\n    <br>\n    <p>Apakah Anda ingin saya membantu mengonversi teks artikel tafsir surah lainnya ke dalam format HTML yang serupa untuk website Anda?<\/p>\n\n    \n    <\/section>\n    \n        \n    <section id=\"qp-mindmap\" class=\"qp-tab-content\">\n        <h2>Struktur Surat Al-Munafiqun<\/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\/63-Al-Munafiqun-Mind-Map.png\" alt=\"Mindmap Surat Al-Munafiqun\" 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\/63-Al-Munafiqun-infograph.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-Munafiqun<\/h2>\n        <p>Gulir ke bawah pada tampilan di bawah untuk membaca presentasi lengkap mengenai Surat Al-Munafiqun.<\/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\/63-Al-Munafiqun-slidedeck-Unmasking_Falsehood_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 Hypocrites 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;\">Mengapa Allah menyatakan bahwa orang-orang munafik adalah pendusta dalam ayat pertama Surah Al-Munafiqun meskipun ucapan mereka tentang kenabian Muhammad adalah benar?<\/h3>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"A\"> A.Karena mereka tidak mengucapkan kalimat syahadat dengan fasih.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"B\"> B.Karena mereka menganggap Muhammad hanya sebagai pemimpin politik bukan rasul.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"C\"> C.Karena mereka menolak untuk mengakui Muhammad sebagai utusan Allah di depan umum.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"D\"> D.Karena apa yang mereka ucapkan dengan mulut tidak sesuai dengan apa yang ada di dalam hati mereka.<\/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\u0645\u0646\u0627\u0641\u0642\u0648\u0646 Surah Al-Munafiqun Surah-63 \u2022 11 Verses \u2022 Medinah \u2022 &#8220;The Hypocrites&#8221; Read Full Tafsir Watch Video Listen to Audio Ringkasan Mindmap Infografis Slide Deck Kuis Interaktif Menguak Wajah di Balik Topeng: 5 Wawasan Tak Terduga dari Surah Al-Munafiqun Dalam jejaring interaksi manusia yang kompleks, misteri tersulit bukanlah memahami musuh [&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-791","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/791","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=791"}],"version-history":[{"count":3,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/791\/revisions"}],"predecessor-version":[{"id":803,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/791\/revisions\/803"}],"wp:attachment":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}