{"id":637,"date":"2026-03-23T14:24:59","date_gmt":"2026-03-23T14:24:59","guid":{"rendered":"https:\/\/www.jejakkebaikan.com\/?page_id=637"},"modified":"2026-03-23T14:33:42","modified_gmt":"2026-03-23T14:33:42","slug":"111-al-masad","status":"publish","type":"page","link":"https:\/\/www.jejakkebaikan.com\/?page_id=637","title":{"rendered":"111 Al-Masad"},"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\u0644\u0647\u0628<\/span>\n        <h1>Surah Al-Masad<\/h1>\n        <div class=\"qp-meta\">Surah-111 \u2022 5 Verses \u2022 Makkiyah \u2022 &#8220;The Palm Fibre&#8221;<\/div>\n    \n        <a href=\"https:\/\/www.jejakkebaikan.com\/?page_id=638\" target=\"_blank\" class=\"qp-btn\">Read Full Tafsir<\/a>\n        \n        <a href=\"https:\/\/youtu.be\/oZchMAPKLq4\" \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\/4f89f825-3f32-4bc2-8510-15e713ab6a82\" \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>Bukan Sekadar Kutukan: 5 Fakta Mengejutkan di Balik Surah Al-Masad yang Jarang Diketahui<\/h1>\n\n    <p>Sering kali, dunia tertipu oleh apa yang tampak di permukaan. Dalam panggung sejarah, kita kerap menemui sosok yang memiliki karisma fisik mempesona namun menyimpan kegelapan karakter yang kontras.<br>\n    Salah satu jawaban paling ironis dan tajam terangkum dalam <strong>Surah Al-Masad<\/strong>. Meskipun sering dibaca, surah ini menyimpan lapisan kedalaman yang membuktikan bahwa kebenaran memiliki caranya sendiri untuk membalas keangkuhan.<\/p>\n\n    <h2>1. Ironi di Balik Nama &#8220;Abu Lahab&#8221; (Si Wajah Tampan yang Membara)<\/h2>\n    <p>Tahukah Anda bahwa &#8220;Abu Lahab&#8221; sebenarnya bukanlah nama asli, melainkan gelar pujian duniawi? Nama aslinya adalah Abdul-\u2018Uzza bin Abdul Muttalib. Ia dijuluki Abu Lahab karena ketampanannya; ia memiliki wajah yang cerah, bersinar, dan pipi yang merah merona (<i>Lahab<\/i>).<\/p>\n    <p>Namun, Al-Qur&#8217;an melakukan pembalikan makna yang satir. Gelar simbol kemewahan fisik ini diubah menjadi deskripsi penderitaan abadi di neraka yang apinya bergejolak. <br>\n    Pembalikan ini mencapai puncaknya pada akhir hayat Abu Lahab yang wafat karena penyakit kulit <i>Adasah<\/i>, membuat tubuhnya membusuk hingga anak-anaknya sendiri tidak berani menyentuh jenazahnya.<\/p>\n\n    <h2>2. Mukjizat &#8220;Hijab&#8221; Tak Terlihat (Pertemuan yang Gagal)<\/h2>\n    <p>Kisah dramatis terjadi saat Ummu Jamil, istri Abu Lahab, murka dan mencari Nabi Muhammad saw. sambil membawa batu. Saat itu, Nabi sedang duduk bersama Abu Bakar di dekat Ka\u2019bah.<\/p>\n    <p>Nabi saw. membentengi diri dengan membacakan Surah Al-Isra ayat 45. Hasilnya, Ummu Jamil berdiri tepat di depan Abu Bakar namun ia <strong>sama sekali tidak bisa melihat Rasulullah<\/strong> yang duduk di sampingnya. Peristiwa ini mengajarkan bahwa cahaya kebenaran akan tetap tersembunyi bagi hati yang telah buta.<\/p>\n\n    \n\n    <h2>3. Kegagalan Total Investasi Duniawi (Harta dan Anak)<\/h2>\n    <p>Ayat kedua, <i>Ma agna &#8216;anhu maluhu wa ma kasab<\/i>, merupakan pukulan telak bagi kesombongan materialistik. Penafsiran para sahabat menegaskan bahwa &#8220;apa yang diusahakan&#8221; (<i>ma kasab<\/i>) merujuk secara spesifik pada anak-anak Abu Lahab.<\/p>\n    <p>Abu Lahab pernah sesumbar akan menebus dirinya dari azab dengan harta dan anak-anaknya. Al-Qur&#8217;an membedah ini sebagai delusi; di hadapan keadilan absolut, seluruh portofolio kekayaan dan status sosial tidak memiliki nilai tawar sedikit pun.<\/p>\n\n    <h2>4. Balas Pantun untuk Sang &#8220;Pembawa Kayu Bakar&#8221;<\/h2>\n    <p>Ummu Jamil digelari sebagai <i>Hammalatul Hathab<\/i> (pembawa kayu bakar) karena kebiasaannya meletakkan duri di jalan Nabi dan menyebarkan fitnah. Sebagai balasannya, di lehernya akan melilit <i>hablum min masad<\/i> (tali dari sabut\/rantai besi membara).<\/p>\n    <p>Ini adalah kontras yang menghinakan bagi seorang wanita bangsawan yang dikenal selalu memamerkan kalung emas mahalnya. Allah menggantinya dengan &#8220;kalung&#8221; api yang abadi, mengubah martabat sosialita kelas atas menjadi sosok yang kehilangan seluruh harga dirinya.<\/p>\n\n    <h2>5. Tantangan Logika yang Membuktikan Kebenaran Al-Qur&#8217;an<\/h2>\n    <p>Secara intelektual, Surah Al-Masad adalah argumen terkuat mengenai <strong>mukjizat nubuat<\/strong>. Surah ini turun saat Abu Lahab masih hidup. Secara logika, seandainya Abu Lahab berpura-pura masuk Islam saja, ia bisa meruntuhkan kredibilitas Al-Qur&#8217;an dengan membuktikan prediksinya salah.<\/p>\n    <p>Namun, hatinya tetap terkunci rapat oleh kesombongan hingga maut menjemput. Hal ini membuktikan bahwa Al-Qur&#8217;an adalah wahyu dari Zat yang memegang kendali atas setiap hati manusia dan mengetahui masa depan secara mutlak.<\/p>\n\n    <hr>\n\n    <h3>Penutup: Refleksi Masa Depan<\/h3>\n    <p>Kisah Abu Lahab dan Ummu Jamil adalah pengingat bahwa &#8220;wajah yang bersinar&#8221; dan &#8220;kalung yang mewah&#8221; tidak akan mampu menutupi busuknya karakter di hadapan Keadilan Ilahi.<\/p>\n\n    <h5>Pertanyaan Refleksi:<\/h5>\n    <p><i>&#8220;Duri atau &#8216;kayu bakar&#8217; apa yang mungkin tanpa sadar sedang kita pikul hari ini? Apakah itu fitnah di media sosial, ataukah kesombongan yang membuat kita buta terhadap kebenaran?&#8221;<\/i><\/p>\n\n    \n    <\/section>\n    \n        \n    <section id=\"qp-mindmap\" class=\"qp-tab-content\">\n        <h2>Struktur Surat Al-Masad<\/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\/111-Al-Masad-Mind-Map.png\" alt=\"Mindmap Surat Al-Masad\" 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\/111-Al-Masad-infograph-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-Masad<\/h2>\n        <p>Gulir ke bawah pada tampilan di bawah untuk membaca presentasi lengkap mengenai Surat Al-Masad.<\/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\/111-Al-Masad-slidedeck-Al-Masad_Poetic_Justice_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 Palm Fibre 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 paman Nabi Muhammad ini dijuluki sebagai &#8216;Abu Lahab&#8217; dalam tradisi Arab maupun di dalam Al-Qur&#8217;an?<\/h3>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"A\"> A.Karena wajahnya yang tampan dan bersinar kemerah-merahan.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"B\"> B.Karena itu adalah nama pemberian ayahnya sejak lahir.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"C\"> C.Karena dia sering bermain dengan api saat upacara adat.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"D\"> D.Karena dia adalah pemimpin pasukan yang menggunakan panah api.<\/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\u0644\u0647\u0628 Surah Al-Masad Surah-111 \u2022 5 Verses \u2022 Makkiyah \u2022 &#8220;The Palm Fibre&#8221; Read Full Tafsir Watch Video Listen to Audio Ringkasan Mindmap Infografis Slide Deck Kuis Interaktif Bukan Sekadar Kutukan: 5 Fakta Mengejutkan di Balik Surah Al-Masad yang Jarang Diketahui Sering kali, dunia tertipu oleh apa yang tampak di [&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-637","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/637","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=637"}],"version-history":[{"count":2,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/637\/revisions"}],"predecessor-version":[{"id":645,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/637\/revisions\/645"}],"wp:attachment":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}