{"id":771,"date":"2026-03-24T07:06:58","date_gmt":"2026-03-24T07:06:58","guid":{"rendered":"https:\/\/www.jejakkebaikan.com\/?page_id=771"},"modified":"2026-03-24T07:15:35","modified_gmt":"2026-03-24T07:15:35","slug":"61-as-saff","status":"publish","type":"page","link":"https:\/\/www.jejakkebaikan.com\/?page_id=771","title":{"rendered":"61 As-Saff"},"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\u0635\u0641<\/span>\n        <h1>Surah As-Saff<\/h1>\n        <div class=\"qp-meta\">Surah-61 \u2022 14 Verses \u2022 Medinah \u2022 &#8220;The Ranks&#8221;<\/div>\n    \n        <a href=\"https:\/\/www.jejakkebaikan.com\/?page_id=772\" target=\"_blank\" class=\"qp-btn\">Read Full Tafsir<\/a>\n        \n        <a href=\"https:\/\/youtu.be\/LhwKsVuS8yI\" \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\/fdc5dfd6-694b-4587-a55c-6eaf74da2758\" \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>Filosofi &#8220;Saff&#8221;: 5 Rahasia Membangun Integritas dan Kekuatan Kolektif dari Kitab Suci<\/h1>\n\n    <p>Di tengah hiruk-pikuk peradaban modern, kita sering kali menyaksikan sebuah fenomena paradoks: konektivitas digital yang masif, namun terjadi diskontinuitas sosial yang tajam. Al-Qur\u2019an memberikan jawaban teologis sekaligus sosiologis atas kegelisahan ini melalui tema besar <strong>shaff<\/strong> (Barisan\/Deret).<\/p>\n\n    <p>Konsep ini bukan sekadar istilah teknis, melainkan manifestasi spiritual tentang keteraturan dan kejujuran batin. Dalam Surah As-Saff dan Surah As-Saffat, kita diajak bercermin pada kedisiplinan barisan malaikat di langit untuk diterapkan dalam realitas kehidupan di bumi.<\/p>\n\n    <h2>1. Bahaya &#8220;NATO&#8221;: No Action, Talk Only<\/h2>\n    <p>Integritas adalah keselarasan mutlak antara apa yang diucapkan dan apa yang dikerjakan. Dalam Surah As-Saff ayat 2-3, Allah memberikan peringatan keras bagi mereka yang hanya pandai berwacana tanpa bukti tindakan.<\/p>\n    \n    <p>Inilah &#8220;kemunafikan fungsional&#8221; yang menghancurkan kepercayaan. Integritas kata-perbuatan adalah fondasi karakter; tanpanya, seluruh narasi kesalehan hanyalah fatamorgana yang melemahkan kekuatan kolektif.<\/p>\n    <blockquote>\n        &#8220;Sangat besarlah kemurkaan di sisi Allah bahwa kamu mengatakan apa yang tidak kamu kerjakan.&#8221; (QS. As-Saff: 3)\n    <\/blockquote>\n\n    <h2>2. Kekuatan &#8220;Bunyanun Marsus&#8221;: Bukan Sekadar Berdampingan, Tapi Menyatu<\/h2>\n    <p>Surah As-Saff ayat 4 menggunakan metafora <strong>bunyanun marsus<\/strong>, yaitu bangunan yang tersusun kokoh dan terikat rapat bak struktur beton yang menyatu. Allah mencintai mereka yang berjuang dalam barisan yang teratur tanpa celah ego pribadi.<\/p>\n    \n    <p>Dalam konteks sosial, setiap celah dalam barisan\u2014entah karena perbedaan pendapat yang tidak perlu atau rasa bangga berlebih\u2014adalah pintu masuk bagi konflik dan adu domba. Menjaga <i>shaff<\/i> adalah miniatur latihan untuk menjaga persatuan dalam perjuangan hidup yang lebih luas.<\/p>\n\n    <h2>3. Kabar Gembira yang Terjaga: Kesinambungan Pesan Sejarah<\/h2>\n    <p>Kekuatan kolektif dibangun di atas landasan sejarah yang jujur. Dalam Surah As-Saff ayat 6, Nabi Isa secara eksplisit mengabarkan kedatangan utusan bernama &#8220;Ahmad&#8221; (Nabi Muhammad SAW). Ini adalah mata rantai kebenaran yang konsisten lintas zaman.<\/p>\n    \n    <p>Mengetahui jejak sejarah dari Paran (Makkah) hingga kabar gembira dari Nabi Isa memberikan kita keyakinan akan integritas pesan ketuhanan yang tak pernah berubah meski zaman berganti. Konsistensi sejarah adalah bukti validasi sebuah misi suci.<\/p>\n\n    <h2>4. Investasi &#8220;Tijarah&#8221;: Perniagaan yang Mustahil Merugi<\/h2>\n    <p>Allah menggunakan terminologi perdagangan atau <i>tijarah<\/i> dalam Surah As-Saff ayat 10-11 sebagai bahasa yang menyentuh logika manusia. Ini adalah investasi dengan <i>Return on Investment<\/i> (ROI) yang abadi melalui tiga pilar:<\/p>\n    <ul>\n        <li><strong>Iman kepada Allah dan Rasul-Nya:<\/strong> Sebagai modal dasar keyakinan.<\/li>\n        <li><strong>Berjihad dengan harta:<\/strong> Mengalokasikan sumber daya materi untuk kepentingan publik.<\/li>\n        <li><strong>Berjihad dengan jiwa raga:<\/strong> Totalitas dalam memberikan tenaga, waktu, dan pikiran.<\/li>\n    <\/ul>\n    <p>Hasilnya bukan hanya keselamatan di akhirat, melainkan juga &#8220;kemenangan yang dekat&#8221; (<i>nasrun minallah<\/i>) dalam bentuk kekuatan sosial dan kejayaan nilai di dunia saat ini.<\/p>\n\n    <h2>5. Penjagaan Kosmik: Melindungi Integritas Kebenaran<\/h2>\n    <p>Dalam Surah As-Saffat ayat 6-10, kita diajak melihat sistem pertahanan langit terhadap <i>shaitanin marid<\/i> (setan yang durhaka). Upaya pencurian berita langit selalu digagalkan oleh <i>shihabun thaqib<\/i> (suluh api yang menembus).<\/p>\n    \n    <p>Jika langit saja memiliki sistem pertahanan yang begitu gigih untuk melindungi kemurnian wahyu, maka sudah semestinya kita pun menjaga kemurnian integritas dalam setiap ucapan dan perbuatan kita dari gangguan eksternal yang merusak.<\/p>\n\n    <hr>\n\n    <h3>Kesimpulan: Menjadi Bagian dari Barisan<\/h3>\n    <p>Memahami filosofi <i>shaff<\/i> berarti kita berkomitmen untuk meninggalkan budaya &#8220;hanya bicara&#8221; dan mulai melangkah dalam aksi nyata. Menjadi <strong>Ansarullah<\/strong> adalah panggilan untuk menjadi bata-bata yang saling menguatkan dalam bangunan peradaban.<\/p>\n\n    <h5>Pertanyaan Refleksi:<\/h5>\n    <p><i>&#8220;Dalam barisan kehidupan yang kita jalani hari ini, apakah kita sudah menjadi bata yang memperkokoh bangunan, atau justru menjadi celah yang melemahkannya?&#8221;<\/i><\/p>\n\n    <br>\n    <p>Apakah Anda ingin saya membantu mengonversi teks artikel mengenai surah atau tema lainnya ke dalam format HTML yang serupa?<\/p>\n    \n    <\/section>\n    \n        \n    <section id=\"qp-mindmap\" class=\"qp-tab-content\">\n        <h2>Struktur Surat As-Saff<\/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\/61-As-Saff-Mind-Map.png\" alt=\"Mindmap Surat As-Saff\" 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\/61-As-Saff-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 As-Saff<\/h2>\n        <p>Gulir ke bawah pada tampilan di bawah untuk membaca presentasi lengkap mengenai Surat As-Saff.<\/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\/61-As-Saff-sldiedeck-Divine_Alignment_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 Ranks 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;\">Menurut Surah As-Saff ayat 2 dan 3 hal apa yang sangat dibenci oleh Allah di sisi-Nya?<\/h3>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"A\"> A.Mengatakan sesuatu yang tidak dikerjakan.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"B\"> B.Melakukan ibadah secara sembunyi-sembunyi.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"C\"> C.Berdoa tanpa disertai dengan usaha yang gigih.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"D\"> D.Menolak untuk memberikan bantuan kepada sesama.<\/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\u0635\u0641 Surah As-Saff Surah-61 \u2022 14 Verses \u2022 Medinah \u2022 &#8220;The Ranks&#8221; Read Full Tafsir Watch Video Listen to Audio Ringkasan Mindmap Infografis Slide Deck Kuis Interaktif Filosofi &#8220;Saff&#8221;: 5 Rahasia Membangun Integritas dan Kekuatan Kolektif dari Kitab Suci Di tengah hiruk-pikuk peradaban modern, kita sering kali menyaksikan sebuah fenomena [&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-771","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/771","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=771"}],"version-history":[{"count":2,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/771\/revisions"}],"predecessor-version":[{"id":779,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/771\/revisions\/779"}],"wp:attachment":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}