{"id":381,"date":"2026-03-22T00:48:29","date_gmt":"2026-03-22T00:48:29","guid":{"rendered":"https:\/\/www.jejakkebaikan.com\/?page_id=381"},"modified":"2026-03-22T12:26:03","modified_gmt":"2026-03-22T12:26:03","slug":"95-at-tin","status":"publish","type":"page","link":"https:\/\/www.jejakkebaikan.com\/?page_id=381","title":{"rendered":"95 At-Tin"},"content":{"rendered":"\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\u062a\u064a\u0646<\/span>\n        <h1>Surah At-Tin<\/h1>\n        <div class=\"qp-meta\">Surah-95 \u2022 8 Verses \u2022 Makkiyah \u2022 &#8220;The Fig&#8221;<\/div>\n    \n        <a href=\"https:\/\/www.jejakkebaikan.com\/?page_id=382\" target=\"_blank\" class=\"qp-btn\">Read Full Tafsir<\/a>\n        \n        <a href=\"https:\/\/www.youtube.com\/watch?v=HRbXCqPrxoQ\" \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\/8c41aad4-6fe9-4fb0-b9bb-04a8366653cf\" \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    <h1>Lebih dari Sekadar Buah: 5 Rahasia Tersembunyi di Balik Surah At-Tin yang Akan Mengubah Cara Anda Melihat Diri Sendiri<\/h1>\n\n    <p>Pernahkah Anda merenung di tengah kesunyian, mencoba membedah misteri di balik keberadaan kita sebagai manusia? Kita adalah makhluk yang penuh kontradiksi\u2014mampu menciptakan peradaban yang menembus batas atmosfer, namun juga rentan terjatuh ke dalam jurang keputusasaan.<br>\n    Surah At-Tin hadir sebagai sebuah peta jalan (<i>roadmap<\/i>) teologis yang mendalam, sebuah proklamasi tentang kemuliaan desain manusia serta peringatan keras akan risiko kejatuhannya.<\/p>\n\n    <h2>1. Simbolisme Geografis dan Kesinambungan Risalah Ketuhanan<\/h2>\n    <p>Allah memulai surah ini dengan bersumpah atas nama At-Tin (buah Ara) dan Az-Zaitun. Para ahli tafsir menjelaskan bahwa ini adalah bentuk metonimi untuk merujuk pada lokasi-lokasi suci tempat turunnya wahyu:<\/p>\n    <ul>\n        <li><strong>Tin dan Zaitun:<\/strong> Merujuk pada Baitul Maqdis (Yerusalem), tempat Nabi Isa a.s. mengemban misi.<\/li>\n        <li><strong>Bukit Sinai (Thur Sinin):<\/strong> Tempat Nabi Musa a.s. menerima Taurat.<\/li>\n        <li><strong>Kota Mekah (Al-Balad al-Amin):<\/strong> Tempat pengutusan Nabi Muhammad saw.<\/li>\n    <\/ul>\n    <p>Keselarasan ini menunjukkan bahwa hidayah Tuhan tumbuh dan menutrisi jiwa, sebagaimana pohon tin dan zaitun menutrisi raga di tanah tempat para Nabi berpijak.<\/p>\n\n    <h2>2. Keajaiban Medis: Jaminan Nutrisi bagi Desain Terbaik<\/h2>\n    <p>Sumpah Tuhan atas nama tumbuhan juga merupakan undangan intelektual bagi manusia untuk meneliti bukti kebenaran-Nya melalui sains. Berikut adalah beberapa keajaiban medis buah Tin:<\/p>\n    <ul>\n        <li><strong>Sistem Pencernaan:<\/strong> Memiliki kandungan serat sangat tinggi untuk mencegah kanker usus.<\/li>\n        <li><strong>Antiseptik Alami:<\/strong> Kandungan Phenol yang tinggi berfungsi membunuh mikroba berbahaya.<\/li>\n        <li><strong>Mekanisme Fitosterol:<\/strong> Bekerja spesifik menghilangkan kolesterol jahat sebelum masuk ke jaringan darah.<\/li>\n        <li><strong>Vitalitas Otak:<\/strong> Kaya akan Omega-3 dan Omega-6 yang berpengaruh pada kecerdasan.<\/li>\n        <li><strong>Mineralitas Unggul:<\/strong> Kandungan kalsium dan zat besinya melampaui rata-rata buah lainnya.<\/li>\n    <\/ul>\n\n    <h2>3. Ahsan Taqwin \u2013 Manusia Sebagai Mahakarya Eksistensial<\/h2>\n    <p>Puncak dari surah ini adalah penegasan tentang jati diri manusia melalui ayat 4:<br>\n    <strong>&#8220;Sungguh, Kami benar-benar telah menciptakan manusia dalam bentuk yang sebaik-baiknya.&#8221;<\/strong><\/p>\n    <p>Konsep <i>Ahsan Taqwin<\/i> mencakup dimensi lahiriah (posisi tegak dan otak untuk berpikir) serta batiniah (fitrah dan akal). Menjadi &#8220;mahakarya&#8221; menuntut tanggung jawab pemeliharaan melalui pendidikan dan agama agar potensi tersebut tetap terjaga.<\/p>\n\n    <h2>4. Paradoks Asfala Safilin \u2013 Risiko Kejatuhan Moral<\/h2>\n    <p>Keistimewaan manusia membawa risiko yang sama besarnya. Manusia memiliki potensi untuk jatuh ke derajat yang paling rendah (<i>Asfala Safilin<\/i>):<\/p>\n    <p>\n        * <b>Degradasi Biologis:<\/b> Masa tua yang lemah di mana keindahan fisik mulai memudar.<br>\n        * <b>Degradasi Moral:<\/b> Bertindak hanya berdasarkan insting rendahan dan mengkhianati potensi akal.\n    <\/p>\n    <p>Tanpa kendali iman, kecerdasan manusia akan menjadi alat penindasan. Agama menjadi instrumen yang mencegah manusia agar tidak terjebak dalam kehinaan eksistensial ini.<\/p>\n\n    <h2>5. Pahala Tanpa Putus \u2013 Investasi Melampaui Batas Usia<\/h2>\n    <p>Bagi mereka yang mampu menjaga imannya, Allah memberikan jaminan berupa <i>Ajrun ghairu mamnun<\/i>\u2014pahala yang tidak putus-putus. Jika di masa muda kita terbiasa beramal saleh, maka di masa tua saat fisik melemah, Allah tetap mencatat pahala yang sama secara penuh.<\/p>\n\n    <hr>\n\n    <h3>Kesimpulan: Menghadapi Sang Hakim Paling Adil<\/h3>\n    <p>Surah At-Tin ditutup dengan penegasan tentang <i>Ahkam al-Hakimin<\/i> (Hakim yang paling adil). Hidup kita bukanlah kesia-siaan, melainkan sebuah proses yang akan dipertanggungjawabkan.<\/p>\n\n    <h5>Pertanyaan Refleksi:<\/h5>\n    <p><i>&#8220;Jika Tuhan telah memberikan desain terbaik (Ahsan Taqwin) kepada kita, sudahkah kita memperlakukannya sebagai sebuah mahakarya yang layak dijaga, atau justru tanpa sadar kita sedang menuntunnya menuju tempat yang paling rendah?&#8221;<\/i><\/p>\n    \n    <\/section>\n    \n        \n    <section id=\"qp-mindmap\" class=\"qp-tab-content\">\n        <h2>Struktur Surat At-Tin<\/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\/95-At-Tin-Mind-Map.png\" alt=\"Mindmap Surat At-Tin\" 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\/95-At-Tin-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 At-Tin<\/h2>\n        <p>Gulir ke bawah pada tampilan di bawah untuk membaca presentasi lengkap mengenai Surat At-Tin.<\/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\/95-At-Tin-slidedeck-Divine_Human_Blueprint_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 Fig 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 kutipan tafsir selain sebagai nama buah apa makna lain yang sering dikaitkan oleh para ulama dengan &#8220;At-Tin&#8221; dan &#8220;Az-Zaitun&#8221;?<\/h3>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"A\"> A.Nama dua buah gunung di sekitar Makkah dan Madinah.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"B\"> B.Tempat-tempat suci di Damaskus dan Yerusalem.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"C\"> C.Simbol kemakmuran ekonomi masyarakat Arab kuno.<\/label>\n              <label class=\"qp-option\"><input type=\"radio\" name=\"q1\" value=\"D\"> D.Nama dua sungai besar yang mengalir di tanah Palestina.<\/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","protected":false},"excerpt":{"rendered":"<p>&#x2728; Powered by AI Insights \u0627\u0644\u062a\u064a\u0646 Surah At-Tin Surah-95 \u2022 8 Verses \u2022 Makkiyah \u2022 &#8220;The Fig&#8221; Read Full Tafsir Watch Video Listen to Audio Ringkasan Mindmap Infografis Slide Deck Kuis Interaktif Lebih dari Sekadar Buah: 5 Rahasia Tersembunyi di Balik Surah At-Tin yang Akan Mengubah Cara Anda Melihat Diri Sendiri Pernahkah Anda merenung 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-381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/381","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=381"}],"version-history":[{"count":3,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/381\/revisions"}],"predecessor-version":[{"id":465,"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=\/wp\/v2\/pages\/381\/revisions\/465"}],"wp:attachment":[{"href":"https:\/\/www.jejakkebaikan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}