<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-923149595703032590</id><updated>2026-10-20T13:44:36.697+07:00</updated><category term="Ro&#39;sun Sirah"/><category term="Kelas 3"/><category term="Alala"/><category term="Kelas 2"/><category term="Kelas 1"/><category term="Aqidatul Awam"/><category term="Artikel"/><category term="Kelas 6"/><category term="Birrul Walidain"/><category term="Latihan Soal"/><category term="Fiqih"/><category term="Syifaul Jinan"/><category term="Tahfidz"/><category term="Tahajji"/><category term="Kelas 5"/><category term="Mabadiul Fiqih Juz 2"/><category term="Pegon"/><category term="Galeri"/><category term="Kelas 4"/><category term="Silabus"/><category term="Mabadiul Fiqih Juz 1"/><title type='text'>Belajar Diniyah</title><subtitle type='html'>Belajar materi diniyah menyenangkan dengan cara yang mudah difahami.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>137</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-7835780402075446214</id><published>2026-10-11T19:41:42.951+07:00</published><updated>2026-10-11T19:42:31.334+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahfidz"/><title type='text'>Uji Hafalan Tahfidz Juz 30 Tahap 8: Latihan Soal Surat At-Takwir - An-Naba&#39;</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwJhEtXYdiZ90JU-OC61zq7-ZTqNz1tkFQCP8KnLd5hQJa7eieZArU6QAPS0LNcVss3ljuEi9WfBDtaGEgAZCrfMDOJygE8_D0N8PCDAF3fNhMdenMq5vJ9uZImAs8atLec7X2aNjbH7WmR582PjQKE-r5jmJNgsrwDz26eju7aUr1MO_iCKD-hFt5zjw/s1600/tahap-8-uji-hafalan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 8: Latihan Soal Surat At-Takwir - An-Naba&#39;&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwJhEtXYdiZ90JU-OC61zq7-ZTqNz1tkFQCP8KnLd5hQJa7eieZArU6QAPS0LNcVss3ljuEi9WfBDtaGEgAZCrfMDOJygE8_D0N8PCDAF3fNhMdenMq5vJ9uZImAs8atLec7X2aNjbH7WmR582PjQKE-r5jmJNgsrwDz26eju7aUr1MO_iCKD-hFt5zjw/s1600/tahap-8-uji-hafalan.webp&quot; title=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 8: Latihan Soal Surat At-Takwir - An-Naba&#39;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  Menghafal Al-Qur&#39;an, khususnya Juz 30 (Juz &#39;Amma), merupakan langkah awal yang
  sangat penting bagi para santri maupun pelajar muslim. Sebagai tahapan dasar,
  evaluasi muraja&#39;ah (mengulang hafalan) perlu dilakukan secara berkala agar
  bacaan (fashohah)tetap bagus, ancar dan kuat. Seperti postingan sebelumnya,
  kali ini, &lt;a href=&quot;https://diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; menyajikan lagi
  sarana evaluasi mandiri bagi kalian melalui
  &lt;a href=&quot;https://www.diniyah.my.id/2026/10/uji-hafalan-tahfidz-juz-30-tahap-8-latihan-soal-surat-at-takwir-an-naba.html&quot;&gt;Uji hafalan Tahfidz Juz 30 Tahap 8&lt;/a&gt;. Sesi latihan soal ini berfokus pada kelompok surat-surat panjang di akhir juz 30
  yang mencakup Surah Al-Takwir, Abasa, An-Naziat dan surat An-Naba&#39;
&lt;/p&gt;

&lt;p&gt;
  Latihan soal Uji Hafalan Tahap 8 ini merupakan latihan tahap akhir dari soal Uji Hafalan
  Tahfidz Juz 30, yang di khususkan untuk menguji kelancaran hafalan
  serta pemahaman para siswa atau santri dengan cara yang lebih modern dan
  mudah. Dilengkapi dengan sistem penghitungan nilai otomatis di akhir soal,
  sehingga proses evaluasi belajar menjadi lebih terukur dan menyenangkan.
&lt;/p&gt;

&lt;p&gt;
  Jika masih penasaran dengan hasil soal latihan sebelumnya, boleh dikerjakan
  lagi dengan klik materi
  &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-7-latihan-soal-surat-al-buruj-al-infithar.html&quot;&gt;Uji Hafalan Al-Qur&#39;an Juz 30 | Tahap 7&lt;/a&gt;
  ini
&lt;/p&gt;

&lt;h2&gt;Materi Soal latihan Uji Hafalan&lt;/h2&gt;

&lt;p&gt;
  Adapun materi menghafal kali ini fokus pada hafalan Surah Al-Takwir, Abasa, An-Naziat dan surat An-Naba&#39;, dengan kreteria
  soal:
&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;b&gt;12 soal sambung ayat, dan;&lt;/b&gt;&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;3 soal sambung surat&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Yang meliputi;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Takwir&lt;/b&gt; (QS. Makkiyah 29 ayat)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Menghafal Surat &#39;Abasa&lt;/b&gt; (QS. Makkiyah 42 ayat)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Menghafal Surat An-Nazi&#39;at&lt;/b&gt;  (QS. Makkiyah 46 ayat)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Menghafal Surat An-Naba&#39;&lt;/b&gt;  (QS. Makkiyah 40 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;
  Untuk memulai latihan, silakan isi nama lengkap, kelas, dan nomor absen pada
  kolom identitas di bawah ini, lalu klik tombol &quot;Mulai Mengerjakan&quot; dan
  kerjakan soal dengan jujur dan teliti. Selamat mengerjakan!
&lt;/p&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab {
    text-align: right;
    direction: rtl;
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-to
    p: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
  &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FnVi7LQ87MXWwnyJko-5WbcNp60Exp76uUx6T-UsYLMwj-ucOgCQnnCJM-7KUQJIt2PMhlXwQvtt_DfoosmQqQAJKgStJBOShqOUwZkqwgixOPReJ-gWvGLW-k_XAsgw6Hssl5tqJS2778JyCU4un-4IvpAtPrKn3wpYk-P-Hkrwu1XZr4bB1S1X4l4/s1600/tahfidz-juz-30.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

  &lt;h2&gt;Uji hafalan Tahfidz Juz 30 | Tahap 8&lt;/h2&gt;
  &lt;p&gt;
    &lt;b id=&quot;teksJudulMateri&quot;&gt;Al-Qur&#39;an Surat At-Takwir s.d. Surat An-Naba&#39;&lt;/b&gt;
  &lt;/p&gt;
  &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;

  &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;
    MULAI MENGERJAKAN
  &lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;
  &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;

  &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;يٰٓاَيُّهَا الْاِنْسَانُ مَا غَـرَّكَ بِرَبِّكَ الْكَرِيْمِۙ ﴿٦﴾
          ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فِيٓ اَيِّ صُوْرَةٍ مَّا
        شَاۤءَ رَكَّبَكَۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;الَّذِيْ خَلَقَكَ
        فَسَوّٰىكَ فَعَدَلَكَۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاِنَّ عَلَيْكُمْ
        لَـحٰفِظِيْنَۙ
      &lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;كَلَّا بَلْ تُكَذِّبُوْنَ
        بِالدِّيْنِۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَّفُتِحَتِ السَّمَاۤءُ فَكَانَتْ اَبْوَابًاۙ ﴿١٩﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِنَّ جَهَنَّمَ كَانَتْ مِـرْصَادًاۙ &lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;لّٰبِثِيْنَ فِيْهَآ اَحْقَابًاۚ &lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;لِّلطّٰغِيْنَ مَاٰبًاۙ &lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَّسُيِّرَتِ الْـجِبَالُ فَكَانَتْ سَرَابًاۗ &lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَذُوْقُوْا فَلَنْ نَّـزِيْدَكُمْ اِلَّا عَذَابًا ﴿٣٠﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;حَدَاۤىِٕقَ وَاَعْنَابًاۙ &lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِنَّ لِلْمُتَّقِيْنَ مَفَازًاۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَّكَأْسًا دِهَاقًاۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَّكَوَاعِبَ اَتْرَابًاۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَالسّٰبِقٰتِ سَبْقًاۙ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَّالسّٰبِحٰتِ سَبْحًاۙ &lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَالْمُدَبِّرٰتِ اَمْـرًاۘ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;تَـتْبَعُهَا الرَّادِفَةُ ۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;يَوْمَ تَـرْجُفُ الرَّاجِفَةُۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;قَالُوْا تِلْكَ اِذًا كَرَّةٌ خَاسِرَةٌ ۘ ﴿١٢﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَاِذَا هُمْ بِالسَّاهِرَةِۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِذْ نَادٰىهُ رَبُّهٗ بِالْوَادِ الْمُقَدَّسِ طُوًىۚ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَاِنَّـمَا هِيَ زَجْرَةٌ وَّاحِدَةٌۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;هَلْ اَتٰىكَ حَدِيْثُ مُوْسٰىۘ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;ءَاَنْتُمْ اَشَدُّ خَلْقًا اَمِ السَّمَاۤءُ ۚ بَـنٰىهَاۗ ﴿٢٧﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَاَغْطَشَ لَـيْلَهَا وَاَخْرَجَ ضُحٰىهَاۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اَخْرَجَ مِنْهَا مَاۤءَهَا وَمَـرْعٰىهَاۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;رَفَعَ سَمْكَهَا فَسَوّٰىهَاۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَالْاَرْضَ بَعْدَ ذٰلِكَ دَحٰىهَاۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَاِنَّ الْـجَنَّةَ هِيَ الْمَأْوٰىۗ ﴿٤١﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;يَسْـَٔلُوْنَكَ عَنِ السَّاعَةِ اَيَّانَ مُـرْسٰىهَاۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِلٰى رَبِّكَ مُنْـتَـهٰىـهَاۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فِيْمَ اَنْتَ مِنْ ذِكْرٰىهَاۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِنَّمَآ اَنْتَ مُنْذِرُ مَنْ يَّخْشٰىهَاۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اَمَّا مَنِ اسْتَغْنٰىۙ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَا عَلَيْكَ اَلَّا يَـزَّكّٰىۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَاَمَّا مَنْ جَاۤءَكَ يَسْعٰىۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَاَنْتَ لَهٗ تَصَدّٰىۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَهُوَ يَخْشٰىۙ &lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;ثُمَّ اِذَا شَاۤءَ اَنْشَرَهٗۗ ﴿٢٢﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;ثُمَّ اَمَاتَهٗ فَاَقْبَرَهٗۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;ثُمَّ السَّبِيْلَ يَسَّرَهٗۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَلْيَنْظُرِ الْاِنْسَانُ اِلٰى طَعَامِهٖٓ ۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;كَلَّا لَمَّا يَـقْضِ مَآ اَمَرَهٗۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;ضَاحِكَةٌ مُّسْتَبْشِرَةٌ ۚ ﴿٣٩﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وُجُوْهٌ يَّوْمَىِٕذٍ مُّسْفِرَةٌۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;تَرْهَقُهَا قَتَرَةٌ ۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَوُجُوْهٌ يَّوْمَىِٕذٍ عَلَيْهَا غَبَرَةٌۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اُولٰۤىِٕكَ هُمُ الْكَفَرَةُ الْفَجَرَةُ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاِذَا النُّجُوْمُ انْكَدَرَتْۖ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَاِذَا الْعِشَارُ عُطِّلَتْۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَاِذَا الْجِبَالُ سُيِّرَتْۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاِذَا الْوُحُوْشُ حُشِرَتْۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَاِذَا الْبِحَارُ سُجِّرَتْۖ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاِذَا الْبِحَارُ سُجِّرَتْۖ ﴿٦﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَاِذَا الْوُحُوْشُ حُشِرَتْۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَاِذَا النُّفُوْسُ زُوِّجَتْۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاِذَا الْمَوْءٗدَةُ سُىِٕلَتْۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;بِاَيِّ ذَنْبٍ قُتِلَتْۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّآ اَنْذَرْنٰكُمْ عَذَابًا قَرِيْـبًا ەۙ يَّوْمَ يَنْظُرُ الْمَرْءُ مَا قَدَّمَتْ يَدَاهُ وَيَقُوْلُ الْكٰفِرُ يٰـلَـيْتَنِيْ كُنْتُ تُرَابًا ﴿٤٠﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، وَالنّٰزِعٰتِ غَـرْقًاۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، عَبَسَ وَتَوَلّٰىۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اِذَا الشَّمْسُ كُوِّرَتْۖ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اِذَا السَّمَاۤءُ انْفَطَرَتْۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;كَاَنَّهُمْ يَوْمَ يَرَوْنَهَا لَمْ يَـلْبَـثُـوْا اِلَّا عَشِيَّةً اَوْ ضُحٰىهَا ﴿٤٦﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، وَالنّٰزِعٰتِ غَـرْقًاۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، عَبَسَ وَتَوَلّٰىۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اِذَا الشَّمْسُ كُوِّرَتْۖ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اِذَا السَّمَاۤءُ انْفَطَرَتْۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اُولٰۤىِٕكَ هُمُ الْكَفَرَةُ الْفَجَرَةُ ﴿٤٢﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، وَالنّٰزِعٰتِ غَـرْقًاۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، عَبَسَ وَتَوَلّٰىۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اِذَا الشَّمْسُ كُوِّرَتْۖ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اِذَا السَّمَاۤءُ انْفَطَرَتْۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;
    
  &lt;/div&gt;
  &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;
      Kembali
    &lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;
      Selanjutnya
    &lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: 0% 0% repeat rgb(211, 47, 47); display: none;&quot;&gt;
      Selesai &amp;amp; Lihat Nilai
    &lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
  &lt;!--Margin-top minus ditambahkan agar posisi naik dan simetris--&gt;
  &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;

  &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
  &lt;div style=&quot;background: 0% 0% repeat rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
    &lt;div style=&quot;border-bottom: 1px solid rgb(165, 214, 167); color: #333333; margin-bottom: 10px; padding-bottom: 5px;&quot;&gt;
      📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;
      👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;
      📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;
      🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;!--Tambahan baris Waktu Mengerjakan--&gt;
    &lt;div style=&quot;border-top: 1px dashed rgb(165, 214, 167); color: #333333; margin-top: 10px; padding-top: 5px;&quot;&gt;
      ⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
  &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

  &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0px;&quot;&gt;
      ✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;
    &lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0px;&quot;&gt;
      ❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;
    Ulangi Latihan
  &lt;/button&gt;
&lt;/div&gt;

&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 15;
    const kunciJawaban = {
    soal1: &quot;B&quot;,
    soal2: &quot;D&quot;,
    soal3: &quot;B&quot;,
    soal4: &quot;B&quot;,
    soal5: &quot;C&quot;,
    soal6: &quot;C&quot;,
    soal7: &quot;A&quot;,
    soal8: &quot;C&quot;,
    soal9: &quot;D&quot;,
    soal10: &quot;C&quot;,
    soal11: &quot;B&quot;,
    soal12: &quot;B&quot;,
    soal13: &quot;A&quot;,
    soal14: &quot;B&quot;,
    soal15: &quot;C&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;

    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);

    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; }
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;

    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);

    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

&lt;p&gt;
    Demikianlah latihan
    &lt;a href=&quot;diniyah.my.id&quot;&gt;Uji Hafalan Tahfidz Juz 30 tahap 8&lt;/a&gt; ini. Berapapun
    skor akhir yang berhasil kita peroleh hari ini, jadikanlah hasil tersebut
    sebagai motivasi untuk terus semangat dalam memperbaiki bacaan dan
    mengulang-ulang hafalan Al-Qur&#39;an. Jangan lupa untuk membagikan (share) tautan
    halaman kuis ini kepada teman-teman, rekan santri, maupun keluarga agar mereka
    juga dapat mengukur kelancaran hafalannya. Nantikan terus update materi
    pembelajaran, soal latihan, dan kuis interaktif pendidikan agama Islam
    selanjutnya hanya di diniyah.my.id. Tetap istiqamah belajar dan semoga kita
    semua digolongkan ke dalam barisan Ahlul Qur&#39;an. Amin.
&lt;/p&gt;
</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/7835780402075446214/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/10/uji-hafalan-tahfidz-juz-30-tahap-8-latihan-soal-surat-at-takwir-an-naba.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/7835780402075446214'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/7835780402075446214'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/10/uji-hafalan-tahfidz-juz-30-tahap-8-latihan-soal-surat-at-takwir-an-naba.html' title='Uji Hafalan Tahfidz Juz 30 Tahap 8: Latihan Soal Surat At-Takwir - An-Naba&#39;'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwJhEtXYdiZ90JU-OC61zq7-ZTqNz1tkFQCP8KnLd5hQJa7eieZArU6QAPS0LNcVss3ljuEi9WfBDtaGEgAZCrfMDOJygE8_D0N8PCDAF3fNhMdenMq5vJ9uZImAs8atLec7X2aNjbH7WmR582PjQKE-r5jmJNgsrwDz26eju7aUr1MO_iCKD-hFt5zjw/s72-c/tahap-8-uji-hafalan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-1537282446248397782</id><published>2026-09-21T15:42:23.362+07:00</published><updated>2026-09-21T15:43:11.879+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahfidz"/><title type='text'>Uji Hafalan Tahfidz Juz 30 Tahap 7: Latihan Soal Surat Al-Buruj - Al-Infithar</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7DyZKizrhuMOn4KBEf1OA9GzezTu-NQdziBkcTb7H5doXEH09a9pcRoa-01NKWumjAeuwiPyYpswdkqqBEdftxgHkNKOh1DHxhiPUBztsu5fuRFgGe38a_ADeIDkYfhSDxfMbHz3JRZIEQIo5SPc9muPu__tCid_sZZJ9T3J2OjXXu6oJLp562MQi8w/s1600/tahap-7-uji-hafalan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 7: Latihan Soal Surat Al-Ghasyiyah - At-Thariq&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7DyZKizrhuMOn4KBEf1OA9GzezTu-NQdziBkcTb7H5doXEH09a9pcRoa-01NKWumjAeuwiPyYpswdkqqBEdftxgHkNKOh1DHxhiPUBztsu5fuRFgGe38a_ADeIDkYfhSDxfMbHz3JRZIEQIo5SPc9muPu__tCid_sZZJ9T3J2OjXXu6oJLp562MQi8w/s1600/tahap-7-uji-hafalan.webp&quot; title=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 7: Latihan Soal Surat Al-Ghasyiyah - At-Thariq&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  Menghafal Al-Qur&#39;an, khususnya Juz 30 (Juz &#39;Amma), merupakan langkah awal yang
  sangat penting bagi para santri maupun pelajar muslim. Sebagai tahapan dasar,
  evaluasi muraja&#39;ah (mengulang hafalan) perlu dilakukan secara berkala agar
  bacaan (fashohah)tetap bagus, ancar dan kuat. Seperti postingan sebelumnya,
  kali ini, &lt;a href=&quot;https://diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; menyajikan lagi
  sarana evaluasi mandiri bagi kalian melalui
  &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-7-latihan-soal-surat-al-buruj-al-infithar.html&quot;&gt;Uji hafalan Tahfidz Juz 30 Tahap 7&lt;/a&gt;. Sesi latihan soal ini berfokus pada kelompok surat-surat pendek di juz 30
  yang mencakup Surah Al-Buruj, Al-Insyiqaq, Al-Muthaffifin dan At-Infithar
  (Surah 85–82)
&lt;/p&gt;

&lt;p&gt;
  Latihan soal Uji Hafalan Tahap 7 ini merupakan lanjutan dari soal Uji Hafalan
  Tahfidz Juz 30 Tahap 6, yang di khususkan untuk menguji kelancaran hafalan
  serta pemahaman para siswa atau santri dengan cara yang lebih modern dan
  mudah. Dilengkapi dengan sistem penghitungan nilai otomatis di akhir soal,
  sehingga proses evaluasi belajar menjadi lebih terukur dan menyenangkan.
&lt;/p&gt;

&lt;p&gt;
  Jika masih penasaran dengan hasil soal latihan sebelumnya, boleh dikerjakan
  lagi dengan klik materi
  &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-6-latihan-soal-surat-al-ghasyiyah-at-thariq.html&quot;&gt;Uji Hafalan Al-Qur&#39;an Juz 30 | Tahap 6&lt;/a&gt;
  ini
&lt;/p&gt;

&lt;h2&gt;Materi Soal latihan Uji Hafalan&lt;/h2&gt;

&lt;p&gt;
  Adapun materi menghafal kali ini fokus pada hafalan Surah Al-Buruj,
  Al-Insyiqaq, Al-Muthaffifin dan At-Infithar (Surah 85–82), dengan kreteria
  soal:
&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;&lt;b&gt;11 Sambung ayat, dan;&lt;/b&gt;&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;4 Sambung surat&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Yang meliputi;&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;b&gt;Surat Al-Buruj&lt;/b&gt; (QS. Makkiyah 22 ayat)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Surat Al-Insyiqaq&lt;/b&gt; (QS. Makkiyah 25 ayat)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Surat Al-Muthaffifin&lt;/b&gt; (QS. Makkiyah 36 ayat)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Surat Al-Infithar&lt;/b&gt; (QS. Makkiyah 19 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;
  Untuk memulai latihan, silakan isi nama lengkap, kelas, dan nomor absen pada
  kolom identitas di bawah ini, lalu klik tombol &quot;Mulai Mengerjakan&quot; dan
  kerjakan soal dengan jujur dan teliti. Selamat mengerjakan!
&lt;/p&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab {
    text-align: right;
    direction: rtl;
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
  &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FnVi7LQ87MXWwnyJko-5WbcNp60Exp76uUx6T-UsYLMwj-ucOgCQnnCJM-7KUQJIt2PMhlXwQvtt_DfoosmQqQAJKgStJBOShqOUwZkqwgixOPReJ-gWvGLW-k_XAsgw6Hssl5tqJS2778JyCU4un-4IvpAtPrKn3wpYk-P-Hkrwu1XZr4bB1S1X4l4/s1600/tahfidz-juz-30.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

  &lt;h2&gt;Uji hafalan Tahfidz Juz 30 | Tahap 7&lt;/h2&gt;
  &lt;p&gt;
    &lt;b id=&quot;teksJudulMateri&quot;&gt;Al-Qur&#39;an Surat Al-Buruj s.d. Surat At-Infithar&lt;/b&gt;
  &lt;/p&gt;
  &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;

  &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;
    MULAI MENGERJAKAN
  &lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;
  &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;

  &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;يٰٓاَيُّهَا الْاِنْسَانُ مَا غَـرَّكَ بِرَبِّكَ الْكَرِيْمِۙ ﴿٦﴾
          ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فِيٓ اَيِّ صُوْرَةٍ مَّا
        شَاۤءَ رَكَّبَكَۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;الَّذِيْ خَلَقَكَ
        فَسَوّٰىكَ فَعَدَلَكَۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاِنَّ عَلَيْكُمْ
        لَـحٰفِظِيْنَۙ
      &lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;كَلَّا بَلْ تُكَذِّبُوْنَ
        بِالدِّيْنِۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَّاِنَّ الْفُجَّارَ لَفِيْ جَحِيْمٍ ﴿١٤﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَا هُمْ عَنْهَا
        بِغَاۤىِٕبـِيْنَۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَمَآ اَدْرٰىكَ مَا
        يَوْمُ الدِّيْنِۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;يَصْلَوْنَهَا يَوْمَ
        الدِّيْنِ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;ثُمَّ مَآ اَدْرٰىكَ مَا
        يَوْمُ الدِّيْنِۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;يَّوْمَ يَقُوْمُ النَّاسُ لِرَبِّ الْعٰلَمِيْنَۗ ﴿٦﴾ ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَآ اَدْرٰىكَ مَا
        سِـجِّيْنٌۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;كَلَّآ اِنَّ كِتٰبَ
        الْفُجَّارِ لَفِيْ سِـجِّيْنٍۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَيْلٌ يَّوْمَىِٕذٍ
        لِّلْمُكَذِّبِيْنَۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;كِتٰبٌ مَّرْقُوْمٌۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;اِذَا تُـتْلٰى عَلَـيْهِ اٰيٰتُنَا قَالَ اَسَاطِيْرُ الْاَوَّلِيْنَۗ
          ﴿١٣﴾ ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;ثُمَّ اِنَّهُمْ لَصَالُوا
        الْـجَحِيْمِۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;كَلَّآ اِنَّهُمْ عَنْ
        رَّبِّهِمْ يَوْمَىِٕذٍ لَّمَحْجُوْبُوْنَۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;ثُمَّ يُقَالُ هٰذَا
        الَّذِيْ كُنْتُمْ بِهٖ تُكَذِّبُوْنَۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;كَلَّا بَلْ ۜرَانَ عَلٰى
        قُلُوْبِهِمْ مَّا كَانُوْا يَكْسِبُوْنَ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَمَآ اَدْرٰىكَ مَا عِلِّـيُّوْنَۗ ﴿١٩﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;يَّشْهَدُهُ
        الْمُقَرَّبُوْنَۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِنَّ الْأَبْـرَارَ لَفِيْ
        نَعِيْمٍۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;كِتٰبٌ
        مَّـرْقُوْمٌۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;عَلَى الْاَرَاۤىِٕكِ
        يَـنْظُرُوْنَۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاَذِنَتْ لِرَبِّهَا وَحُقَّتْۗ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَاَمَّا مَنْ اُوْتِيَ
        كِتٰبَهٗ بِـيَمِيْنِهٖۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;يٰٓاَيُّهَا الْاِنْسَانُ
        اِنَّكَ كَادِحٌ اِلٰى رَبِّكَ كَدْحًا فَمُلٰقِيْهِۚ
      &lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَسَوْفَ يُحَاسَبُ
        حِسَابًا يَّسِيْرًاۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَّيَـنْقَلِبُ اِلٰٓى
        اَهْلِهٖ مَسْرُوْرًاۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;بَلٰىۛ اِنَّ رَبَّهٗ كَانَ بِهٖ بَصِيْرًاۗ ﴿١٥﴾ ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَالَّـيْلِ وَمَا
        وَسَقَۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَلَآ اُقْسِمُ
        بِالشَّفَقِۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَالْقَمَرِ اِذَا
        اتَّسَقَۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;لَتَرْكَبُنَّ طَبَقًا عَنْ
        طَبَقٍۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;وَاِذَا قُرِئَ عَلَيـْهِمُ الْقُرْاٰنُ لَا يَسْجُدُوْنَ ۗ ۩ ﴿٢١﴾
          ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَاللّٰهُ اَعْلَمُ بِمَا
        يُوْعُوْنَۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بَلِ الَّذِيْنَ كَفَرُوْا
        يُكَذِّبُوْنَۖ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَبَشِّرْهُمْ بِعَذَابٍ
        اَلِيْمٍۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِلَّا الَّذِيْنَ
        اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ لَـهُمْ اَجْرٌ غَيْرُ مَمْنُوْنٍ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;قُتِلَ اَصْحٰبُ الْاُخْدُوْدِۙ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِذْ هُمْ عَلَيْهَا
        قُعُوْدٌۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;النَّارِ ذَاتِ
        الْوَقُوْدِۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَّهُمْ عَلٰى مَا
        يَفْعَلُوْنَ بِالْمُؤْمِنِيْنَ شُهُوْدٌ ۗ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَمَا نَقَمُوْا مِنْهُمْ
        اِلَّآ اَنْ يُّؤْمِنُوْا بِاللّٰهِ الْعَزِيْزِ الْـحَمِيْدِۙ
      &lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;اِنَّ الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ لَـهُمْ جَنّٰتٌ
          تَجْرِيْ مِنْ تَحْتِهَا الْاَنْهٰرُ ەۗ ذٰلِكَ الْفَوْزُ الْكَبِيْرُۗ
          ﴿١١﴾ ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِنَّهٗ هُوَ يُـبْدِئُ
        وَيُعِيْدُۚ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;ذُو الْعَرْشِ
        الْمَجِيْدُۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَهُوَ الْغَفُوْرُ
        الْوَدُوْدُۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِنَّ بَطْشَ رَبِّكَ
        لَشَدِيْدٌ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فِرْعَوْنَ وَثَمُوْدَۗ ﴿١٨﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَّاللّٰهُ مِنْ
        وَّرَاۤىِٕهِمْ مُّحِيْطٌۚ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بَلْ هُوَ قُرْاٰنٌ
        مَّجِيْدٌۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;بَلِ الَّذِيْنَ كَفَرُوْا
        فِيْ تَكْذِيْبٍۙ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فِيْ لَوْحٍ
        مَّحْفُوْظٍ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;يَوْمَ لَا تَمْلِكُ نَفْسٌ لِّـنَفْسٍ شَيْـًٔا ۗوَالْأَمْرُ
          يَوْمَىِٕذٍ لِّلّٰهِ ﴿١٩﴾ ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِذَا السَّمَاۤءُ
        انْفَطَرَتْۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَيْلٌ
        لِّلْمُطَفِّفِيْنَۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اِذَا السَّمَاۤءُ
        انْشَقَّتْۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَالسَّمَاۤءِ ذَاتِ
        الْبُرُوْجِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;هَلْ ثُوِّبَ الْكُفَّارُ مَا كَانُوْا يَفْعَلُوْنَ ﴿٣٦﴾ ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِذَا السَّمَاۤءُ
        انْفَطَرَتْۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَيْلٌ
        لِّلْمُطَفِّفِيْنَۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اِذَا السَّمَاۤءُ
        انْشَقَّتْۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَالسَّمَاۤءِ ذَاتِ
        الْبُرُوْجِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;
        &lt;b&gt;اِلَّا الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ لَـهُمْ اَجْرٌ
          غَيْرُ مَمْنُوْنٍ ﴿٢٥﴾ ...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِذَا السَّمَاۤءُ
        انْفَطَرَتْۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَيْلٌ
        لِّلْمُطَفِّفِيْنَۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اِذَا السَّمَاۤءُ
        انْشَقَّتْۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَالسَّمَاۤءِ ذَاتِ
        الْبُرُوْجِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فِيْ لَوْحٍ مَّحْفُوْظٍ ﴿٢٢﴾ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، وَالسَّمَاۤءِ
        وَالطَّارِقِۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَيْلٌ
        لِّلْمُطَفِّفِيْنَۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اِذَا السَّمَاۤءُ
        انْشَقَّتْۙ ﴿١﴾&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَالسَّمَاۤءِ ذَاتِ
        الْبُرُوْجِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;
      Kembali
    &lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;
      Selanjutnya
    &lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;
      Selesai &amp;amp; Lihat Nilai
    &lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
  &lt;!--Margin-top minus ditambahkan agar posisi naik dan simetris--&gt;
  &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;

  &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
  &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
    &lt;div style=&quot;border-bottom: 1px solid rgb(165, 214, 167); color: #333333; margin-bottom: 10px; padding-bottom: 5px;&quot;&gt;
      📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;
      👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;
      📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;
      🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
    &lt;!--Tambahan baris Waktu Mengerjakan--&gt;
    &lt;div style=&quot;border-top: 1px dashed rgb(165, 214, 167); color: #333333; margin-top: 10px; padding-top: 5px;&quot;&gt;
      ⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
  &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

  &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0px;&quot;&gt;
      ✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;
    &lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0px;&quot;&gt;
      ❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;
    Ulangi Latihan
  &lt;/button&gt;
&lt;/div&gt;

&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 15;
    const kunciJawaban = {
    soal1: &quot;B&quot;,
    soal2: &quot;C&quot;,
    soal3: &quot;B&quot;,
    soal4: &quot;D&quot;,
    soal5: &quot;C&quot;,
    soal6: &quot;B&quot;,
    soal7: &quot;B&quot;,
    soal8: &quot;B&quot;,
    soal9: &quot;B&quot;,
    soal10: &quot;D&quot;,
    soal11: &quot;C&quot;,
    soal12: &quot;B&quot;,
    soal13: &quot;C&quot;,
    soal14: &quot;D&quot;,
    soal15: &quot;A&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;

    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);

    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; }
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;

    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);

    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

&lt;p&gt;
  Demikianlah latihan
  &lt;a href=&quot;diniyah.my.id&quot;&gt;Uji Hafalan Tahfidz Juz 30 tahap 7&lt;/a&gt; ini. Berapapun
  skor akhir yang berhasil kita peroleh hari ini, jadikanlah hasil tersebut
  sebagai motivasi untuk terus semangat dalam memperbaiki bacaan dan
  mengulang-ulang hafalan Al-Qur&#39;an. Jangan lupa untuk membagikan (share) tautan
  halaman kuis ini kepada teman-teman, rekan santri, maupun keluarga agar mereka
  juga dapat mengukur kelancaran hafalannya. Nantikan terus update materi
  pembelajaran, soal latihan, dan kuis interaktif pendidikan agama Islam
  selanjutnya hanya di diniyah.my.id. Tetap istiqamah belajar dan semoga kita
  semua digolongkan ke dalam barisan Ahlul Qur&#39;an. Amin.
&lt;/p&gt;
</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/1537282446248397782/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-7-latihan-soal-surat-al-buruj-al-infithar.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/1537282446248397782'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/1537282446248397782'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-7-latihan-soal-surat-al-buruj-al-infithar.html' title='Uji Hafalan Tahfidz Juz 30 Tahap 7: Latihan Soal Surat Al-Buruj - Al-Infithar'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo7DyZKizrhuMOn4KBEf1OA9GzezTu-NQdziBkcTb7H5doXEH09a9pcRoa-01NKWumjAeuwiPyYpswdkqqBEdftxgHkNKOh1DHxhiPUBztsu5fuRFgGe38a_ADeIDkYfhSDxfMbHz3JRZIEQIo5SPc9muPu__tCid_sZZJ9T3J2OjXXu6oJLp562MQi8w/s72-c/tahap-7-uji-hafalan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-4450458184640417107</id><published>2026-09-19T15:13:59.008+07:00</published><updated>2026-09-21T15:30:29.530+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahfidz"/><title type='text'>Uji Hafalan Tahfidz Juz 30 Tahap 6: Latihan Soal Surat Al-Ghasyiyah - At-Thariq</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfL0Oa4Yta4vPLqzrRxwXzlyl42qp_eoix48nh9gxc2sGME9atBa_1o8x-MdOk0ZQzYPn6uySoHI_1DWwGfq4swJuG4lLUfdRCvtalP5CsmlUKImjg7LZ1NuF0_b3csCqKi8kpMK3rDfqYSExEqXDWxNjUIN6G8h2D43kHTeJMIexvE4gH9PymLefDYgY/s1600/tahap-6-uji-hafalan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 6: Latihan Soal Surat Al-Ghasyiyah - At-Thariq&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfL0Oa4Yta4vPLqzrRxwXzlyl42qp_eoix48nh9gxc2sGME9atBa_1o8x-MdOk0ZQzYPn6uySoHI_1DWwGfq4swJuG4lLUfdRCvtalP5CsmlUKImjg7LZ1NuF0_b3csCqKi8kpMK3rDfqYSExEqXDWxNjUIN6G8h2D43kHTeJMIexvE4gH9PymLefDYgY/s1600/tahap-6-uji-hafalan.webp&quot; title=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 6: Latihan Soal Surat Al-Ghasyiyah - At-Thariq&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Menghafal Al-Qur&#39;an, khususnya Juz 30 (Juz &#39;Amma), merupakan langkah awal yang sangat penting bagi para santri maupun pelajar muslim. Sebagai tahapan dasar, evaluasi muraja&#39;ah (mengulang hafalan) perlu dilakukan secara berkala agar bacaan (fashohah)tetap bagus, ancar dan kuat. Seperti postingan sebelumnya, kali ini, &lt;a href=&quot;https://diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; menyajikan lagi sarana evaluasi mandiri bagi kalian melalui &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-5-latihan-soal-surat-al-lail-al-fajr.html&quot;&gt;Uji hafalan Tahfidz Juz 30 Tahap 6&lt;/a&gt;. Sesi latihan soal ini berfokus pada kelompok surat-surat pendek di juz 30 yang mencakup Surah Al-Ghasyiyah, Al-A’la, dan At-Thariq (Surah 88–86)&lt;/p&gt;

&lt;p&gt;Latihan soal Uji Hafalan Tahap 6 ini merupakan lanjutan dari soal Uji Hafalan Tahfidz Juz 30 Tahap 5, yang di khususkan untuk menguji kelancaran hafalan serta pemahaman para siswa atau santri dengan cara yang lebih modern dan mudah. Dilengkapi dengan sistem penghitungan nilai otomatis di akhir soal, sehingga proses evaluasi belajar menjadi lebih terukur dan menyenangkan.&lt;/p&gt;

&lt;p&gt;Jika masih penasaran dengan hasil soal latihan sebelumnya, boleh dikerjakan lagi dengan klik materi &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-5-latihan-soal-surat-al-lail-al-fajr.html&quot;&gt;Uji Hafalan Al-Qur&#39;an Juz 30 | Tahap 5&lt;/a&gt; ini&lt;/p&gt;

&lt;h2&gt;Materi Soal latihan Uji Hafalan&lt;/h2&gt;

&lt;p&gt;Adapun materi menghafal kali ini fokus pada hafalan Surah Al-Ghasyiyah, Al-A’la, dan At-Thariq (Surah 88–86), dengan kreteria soal:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;11 Sambung ayat, dan;&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;4 Sambung surat&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Yang meliputi;&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Ghasyiyah&lt;/b&gt; (QS. Makkiyah 26 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-A’la&lt;/b&gt; (QS. Makkiyah 19 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat At-Thariq&lt;/b&gt; (QS. Makkiyah 17 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk memulai latihan, silakan isi nama lengkap, kelas, dan nomor absen pada kolom identitas di bawah ini, lalu klik tombol &quot;Mulai Mengerjakan&quot; dan kerjakan soal dengan jujur dan teliti. Selamat mengerjakan!&lt;/p&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FnVi7LQ87MXWwnyJko-5WbcNp60Exp76uUx6T-UsYLMwj-ucOgCQnnCJM-7KUQJIt2PMhlXwQvtt_DfoosmQqQAJKgStJBOShqOUwZkqwgixOPReJ-gWvGLW-k_XAsgw6Hssl5tqJS2778JyCU4un-4IvpAtPrKn3wpYk-P-Hkrwu1XZr4bB1S1X4l4/s1600/tahfidz-juz-30.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

    &lt;h2&gt;Uji hafalan Tahfidz Juz 30 | Tahap 6&lt;/h2&gt;
    &lt;p&gt;&lt;b id=&quot;teksJudulMateri&quot;&gt;Al-Qur&#39;an Surat Al-Ghasyiyah s.d. Surat At-Thariq&lt;/b&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;

    &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;/div&gt;

    &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنْ كُلُّ نَـفْسٍ لَّـمَّا عَلَـيْهَا حَافِظٌۗ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَآ اَدْرٰىكَ مَا الطَّارِقُۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;خُلِقَ مِنْ مَّاۤءٍ دَافِقٍۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;النَّجْمُ الثَّاقِبُ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فَـلْـيَنْظُرِ الْاِنْسَانُ مِمَّ خُلِقَ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;يَّخْرُجُ مِنْ بَيْنِ الصُّلْبِ وَالتَّرَاۤىِٕبِۗ ﴿٧﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;خُلِقَ مِنْ مَّاۤءٍ دَافِقٍۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِنَّهٗ عَلٰى رَجْعِهٖ لَقَادِرٌۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَمَا لَهٗ مِنْ قُوَّةٍ وَّلَا نَاصِرٍۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;يَوْمَ تُـبْلَى السَّرَاۤىِٕرُۙ ﴿٩﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَالْاَرْضِ ذَاتِ الصَّدْعِۙ ﴿١٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَّمَا هُوَ بِالْـهَزْلِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِنَّهُمْ يَكِيْدُوْنَ كَيْدًاۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;اِنَّهٗ لَقَوْلٌ فَصْلٌۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَّاَكِيْدُ كَيْدًاۖ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَالَّذِيْ قَدَّرَ فَهَدٰىۖ ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;الَّذِيْ خَلَقَ فَسَوّٰىۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَالَّذِيْٓ اَخْرَجَ الْمَرْعٰىۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;سَنُقْرِئُكَ فَلَا تَنْسٰىٓ ۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فَـجَعَلَهٗ غُثَاۤءً اَحْوٰىۖ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِلَّا مَا شَاۤءَ اللّٰهُ ۗاِنَّهٗ يَعْلَمُ الْـجَهْرَ وَمَا يَخْفٰىۗ ﴿٧﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَذَكِّرْ اِنْ نَّـفَعَتِ الذِّكْرٰىۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَنُيَسِّرُكَ لِلْيُسْرٰىۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَيَـتَجَنَّـبُـهَا الْاَشْقَىۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَيَذَّكَّرُ مَنْ يَّخْشٰىۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَذَكَرَ اسْمَ رَبِّهٖ فَصَلّٰىۗ ﴿١٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;قَدْ اَفْلَحَ مَنْ تَزَكّٰىۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَالْاٰخِرَةُ خَيْرٌ وَّاَبْقٰىۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;بَلْ تُؤْثِرُوْنَ الْـحَيٰوةَ الدُّنْيَاۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِنَّ هٰذَا لَفِى الصُّحُفِ الْاُوْلٰىۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;تُسْقٰى مِنْ عَيْنٍ اٰنِـيَةٍ ۗ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وُجُوْهٌ يَّوْمَىِٕذٍ خَاشِعَةٌ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;تَصْلٰى نَارًا حَامِيَةً ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;عَامِلَةٌ نَّاصِبَةٌ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;لَيْسَ لَـهُمْ طَعَامٌ اِلَّا مِنْ ضَرِيْعٍۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;لِّسَعْيِهَا رَاضِيَةٌ ۙ ﴿٩﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;لَّا يُسْمِنُ وَلَا يُغْنِيْ مِنْ جُوْعٍۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فِيْ جَنَّةٍ عَالِيَةٍۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وُجُوْهٌ يَّوْمَىِٕذٍ نَّاعِمَةٌ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;لَّا تَسْمَعُ فِيْهَا لَاغِيَةً ۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَّزَرَابِيُّ مَبْثُوْثَةٌ ۗ ﴿١٦﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَّنَمَارِقُ مَصْفُوْفَةٌ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَّاَكْوَابٌ مَّوْضُوْعَةٌ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاِلَى السَّمَاۤءِ كَيْفَ رُفِعَتْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اَفَلَا يَـنْظُرُوْنَ اِلَى الْاِبِلِ كَيْفَ خُلِقَتْۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاِلَى الْاَرْضِ كَيْفَ سُطِحَتْۗ ﴿٢٠﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَيُعَذِّبُهُ اللّٰهُ الْعَذَابَ الْاَكْبَرَۗ &lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِلَّا مَنْ تَوَلّٰى وَكَفَرَۙ &lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَذَكِّرْۗ اِنَّمَآ اَنْتَ مُذَكِّرٌۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;لَّسْتَ عَلَيْهِمْ بِمُصَيْطِرٍۙ &lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِلَّا مَنْ تَوَلّٰى وَكَفَرَۙ ﴿٢٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَاِلَى الْاَرْضِ كَيْفَ سُطِحَتْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَيُعَذِّبُهُ اللّٰهُ الْعَذَابَ الْاَكْبَرَۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَذَكِّرْۗ اِنَّمَآ اَنْتَ مُذَكِّرٌۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;لَّسْتَ عَلَيْهِمْ بِمُصَيْطِرٍۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَّنَمَارِقُ مَصْفُوْفَةٌ ۙ ﴿١٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَّاَكْوَابٌ مَّوْضُوْعَةٌ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَّزَرَابِيُّ مَبْثُوْثَةٌ ۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاِلَى السَّمَاۤءِ كَيْفَ رُفِعَتْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اَفَلَا يَـنْظُرُوْنَ اِلَى الْاِبِلِ كَيْفَ خُلِقَتْۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَمَهِّلِ الْكٰفِرِيْنَ اَمْهِلْهُمْ رُوَيْدًا ﴿١٧﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، سَبِّحِ اسْمَ رَبِّكَ الْاَعْلَىۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَالسَّمَاۤءِ وَالطَّارِقِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، هَلْ اَتٰىكَ حَدِيْثُ الْغَاشِيَةِۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَالْفَجْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;صُحُفِ اِبْرٰهِيْمَ وَمُوْسٰى ﴿١٩﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، سَبِّحِ اسْمَ رَبِّكَ الْاَعْلَىۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَالسَّمَاۤءِ وَالطَّارِقِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، هَلْ اَتٰىكَ حَدِيْثُ الْغَاشِيَةِۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَالْفَجْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;ثُمَّ اِنَّ عَلَيْنَا حِسَابَهُمْ ﴿٢٦﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، سَبِّحِ اسْمَ رَبِّكَ الْاَعْلَىۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَالسَّمَاۤءِ وَالطَّارِقِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، هَلْ اَتٰىكَ حَدِيْثُ الْغَاشِيَةِۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَالْفَجْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;


    &lt;/div&gt; &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;Kembali&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;Selanjutnya&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;Selesai &amp;amp; Lihat Nilai&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;


&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 15;
    const kunciJawaban = {
    soal1: &quot;D&quot;, 
    soal2: &quot;B&quot;, 
    soal3: &quot;C&quot;, 
    soal4: &quot;B&quot;, 
    soal5: &quot;B&quot;,
    soal6: &quot;C&quot;, 
    soal7: &quot;D&quot;, 
    soal8: &quot;B&quot;, 
    soal9: &quot;D&quot;, 
    soal10: &quot;C&quot;,
    soal11: &quot;B&quot;, 
    soal12: &quot;B&quot;, 
    soal13: &quot;A&quot;, 
    soal14: &quot;C&quot;, 
    soal15: &quot;C&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

&lt;p&gt;Demikianlah latihan &lt;a href=&quot;diniyah.my.id&quot;&gt;Uji Hafalan Tahfidz Juz 30 tahap 6&lt;/a&gt; ini. Berapapun skor akhir yang berhasil kita peroleh hari ini, jadikanlah hasil tersebut sebagai motivasi untuk terus semangat dalam memperbaiki bacaan dan mengulang-ulang hafalan Al-Qur&#39;an. Jangan lupa untuk membagikan (share) tautan halaman kuis ini kepada teman-teman, rekan santri, maupun keluarga agar mereka juga dapat mengukur kelancaran hafalannya. Nantikan terus update materi pembelajaran, soal latihan, dan kuis interaktif pendidikan agama Islam selanjutnya hanya di diniyah.my.id. Tetap istiqamah belajar dan semoga kita semua digolongkan ke dalam barisan Ahlul Qur&#39;an. Amin.&lt;/p&gt;



</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/4450458184640417107/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-6-latihan-soal-surat-al-ghasyiyah-at-thariq.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/4450458184640417107'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/4450458184640417107'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-6-latihan-soal-surat-al-ghasyiyah-at-thariq.html' title='Uji Hafalan Tahfidz Juz 30 Tahap 6: Latihan Soal Surat Al-Ghasyiyah - At-Thariq'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfL0Oa4Yta4vPLqzrRxwXzlyl42qp_eoix48nh9gxc2sGME9atBa_1o8x-MdOk0ZQzYPn6uySoHI_1DWwGfq4swJuG4lLUfdRCvtalP5CsmlUKImjg7LZ1NuF0_b3csCqKi8kpMK3rDfqYSExEqXDWxNjUIN6G8h2D43kHTeJMIexvE4gH9PymLefDYgY/s72-c/tahap-6-uji-hafalan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-1270565819659682545</id><published>2026-09-19T12:50:50.437+07:00</published><updated>2026-09-21T15:30:09.160+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahfidz"/><title type='text'>Uji Hafalan Tahfidz Juz 30 Tahap 5: Latihan Soal Surat Al-Lail - Al-Fajr</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLcsKFPnEape0-Rx2qjkQGdAH5TZzA8M4WWQ91Ao5tSCqVWK90VVnU1x1WeFzSBm4ZG8Anf5kPF4-8EQF7WPnFvblGgP6log_icG8j4nUXUk3prWk57kRzU2JjLR1i1iFRqBwH-JiT7I6cE7uuaUn_I7b4o48MlQrMS8m7lYcbcvSPDnbWtm9eS6ENxk/s1600/tahap-5-uji-hafalan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 5: Latihan Soal Surat Al-Lail - Al-Fajr&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLcsKFPnEape0-Rx2qjkQGdAH5TZzA8M4WWQ91Ao5tSCqVWK90VVnU1x1WeFzSBm4ZG8Anf5kPF4-8EQF7WPnFvblGgP6log_icG8j4nUXUk3prWk57kRzU2JjLR1i1iFRqBwH-JiT7I6cE7uuaUn_I7b4o48MlQrMS8m7lYcbcvSPDnbWtm9eS6ENxk/s1600/tahap-5-uji-hafalan.webp&quot; title=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 5: Latihan Soal Surat Al-Lail - Al-Fajr&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Menghafal Al-Qur&#39;an, khususnya Juz 30 (Juz &#39;Amma), merupakan langkah awal yang sangat penting bagi para santri maupun pelajar muslim. Sebagai tahapan dasar, evaluasi muraja&#39;ah (mengulang hafalan) perlu dilakukan secara berkala agar bacaan (fashohah)tetap bagus, ancar dan kuat. Seperti postingan sebelumnya, kali ini, &lt;a href=&quot;https://diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; menyajikan lagi sarana evaluasi mandiri bagi kalian melalui &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-5-latihan-soal-surat-al-lail-al-fajr.html&quot;&gt;Uji hafalan Tahfidz Juz 30 Tahap 5&lt;/a&gt;. Sesi latihan soal ini berfokus pada kelompok surat-surat pendek di juz 30 yang mencakup Surah Al-Lail, As-Syams, Al-Balad, dan Al-Fajr (Surah 91–89)&lt;/p&gt;

&lt;p&gt;Latihan soal Uji Hafalan Tahap 5 ini merupakan lanjutan dari soal Uji Hafalan Tahfidz Juz 30 Tahap 4, yang di khususkan untuk menguji kelancaran hafalan serta pemahaman para siswa atau santri dengan cara yang lebih modern dan mudah. Dilengkapi dengan sistem penghitungan nilai otomatis di akhir soal, sehingga proses evaluasi belajar menjadi lebih terukur dan menyenangkan.&lt;/p&gt;

&lt;p&gt;Jika masih penasaran dengan hasil soal latihan sebelumnya, boleh dikerjakan lagi dengan klik materi &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-4-latihan-soal-surat-al-alaq-al-dhuha.html&quot;&gt;Uji Hafalan Al-Qur&#39;an Juz 30 | Tahap 4&lt;/a&gt; ini&lt;/p&gt;

&lt;h2&gt;Materi Soal latihan Uji Hafalan&lt;/h2&gt;

&lt;p&gt;Adapun materi menghafal kali ini fokus pada hafalan Surah Al-Lail, As-Syams, Al-Balad, dan Al-Fajr (Surah 91–89), dengan kreteria soal:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;11 Sambung ayat, dan;&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;4 Sambung surat&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Yang meliputi;&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Lail&lt;/b&gt; (QS. Makkiyah 21 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat As-Syams&lt;/b&gt; (QS. Makkiyah 15 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Balad&lt;/b&gt; (QS. Makkiyah 20 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Fajr&lt;/b&gt; (QS. Makkiyah 30 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk memulai latihan, silakan isi nama lengkap, kelas, dan nomor absen pada kolom identitas di bawah ini, lalu klik tombol &quot;Mulai Mengerjakan&quot; dan kerjakan soal dengan jujur dan teliti. Selamat mengerjakan!&lt;/p&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FnVi7LQ87MXWwnyJko-5WbcNp60Exp76uUx6T-UsYLMwj-ucOgCQnnCJM-7KUQJIt2PMhlXwQvtt_DfoosmQqQAJKgStJBOShqOUwZkqwgixOPReJ-gWvGLW-k_XAsgw6Hssl5tqJS2778JyCU4un-4IvpAtPrKn3wpYk-P-Hkrwu1XZr4bB1S1X4l4/s1600/tahfidz-juz-30.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

    &lt;h2&gt;Uji hafalan Tahfidz Juz 30 | Tahap 5&lt;/h2&gt;
    &lt;p&gt;&lt;b id=&quot;teksJudulMateri&quot;&gt;Al-Qur&#39;an Surat Al-Lail s.d. Surat Al-Fajr&lt;/b&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;

    &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;/div&gt;

    &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;هَلْ فِيْ ذٰلِكَ قَسَمٌ لِّذِيْ حِجْرٍۗ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِرَمَ ذَاتِ الْعِمَادِۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَالَّـيْلِ اِذَا يَسْرِۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;اَلَمْ تَـرَ كَيْفَ فَعَلَ رَبُّكَ بِعَادٍ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;الَّتِيْ لَمْ يُخْلَقْ مِثْلُهَا فِى الْبِلَادِۖ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَلَا تَحٰۤضُّوْنَ عَلٰى طَعَامِ الْمِسْكِيْنِۙ ﴿١٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;كَلَّا بَلْ لَّا تُكْرِمُوْنَ الْيَتِيْمَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَتَأْكُلُوْنَ التُّرَاثَ اَكْلًا لّـَمًّاۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاَمَّآ اِذَا مَا ابْـتَلٰىهُ فَقَدَرَ عَلَيْهِ رِزْقَهٗ ەۙ فَيَقُوْلُ رَبِّيْ اَهَانَنِۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَّتُحِبُّوْنَ الْمَالَ حُبًّا جَمًّاۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَيَوْمَىِٕذٍ لَّا يُعَذِّبُ عَذَابَهٗ اَحَدٌ ۙ ﴿٢٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَادْخُلِيْ فِيْ عِبٰدِيْۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَّلَا يُوْثِقُ وَثَاقَهٗ اَحَدٌ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;ارْجِعِيْ اِلٰى رَبِّكِ رَاضِيَةً مَّرْضِيَّةً ۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;يٰٓـأَيَّـتُهَا النَّفْسُ الْمُطْمَىِٕنَّةُۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاَنْتَ حِلٌّۢ بِهٰذَا الْـبَلَدِۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;لَقَدْ خَلَقْنَا الْاِنْسَانَ فِيْ كَبَدٍۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اَيَحْسَبُ اَنْ لَّنْ يَّـقْدِرَ عَلَـيْهِ اَحَدٌ ۘ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;يَقُوْلُ اَهْلَكْتُ مَالًا لُّبَدًاۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَوَالِدٍ وَّمَا وَلَدَۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَلِسَانًا وَّشَفَتَيْنِۙ ﴿٩﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اَلَمْ نَجْعَلْ لَّهٗ عَيْنَيْنِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَهَدَيْنٰهُ النَّجْدَيْنِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَمَآ اَدْرٰىكَ مَا الْعَقَبَةُ ۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فَلَا اقْتَحَمَ الْعَقَبَةَ ۖ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اُولٰۤىِٕكَ اَصْحٰبُ الْمَيْمَنَةِۗ ﴿١٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اَوْ مِسْكِيْنًا ذَا مَتْرَبَةٍۗ ﴿١٦﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;ثُمَّ كَانَ مِنَ الَّذِيْنَ اٰمَنُوْا وَتَوَاصَوْا بِالصَّبْرِ وَتَوَاصَوْا بِالْمَرْحَمَةِۗ ﴿١٧﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَالَّذِيْنَ كَفَرُوْا بِاٰيٰتِنَا هُمْ اَصْحٰبُ الْمَشْئَمَةِۗ ﴿١٩﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;عَلَيْهِمْ نَارٌ مُّؤْصَدَةٌ ﴿٢٠﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَالـنَّـهَارِ اِذَا جَلّٰىهَاۖ ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَنَفْسٍ وَّمَا سَوّٰىهَاۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَالْاَرْضِ وَمَا طَحٰىهَاۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَالسَّمَاۤءِ وَمَا بَنٰىهَاۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَالَّـيْلِ اِذَا يَغْشٰىهَاۖ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;قَدْ اَفْلَحَ مَنْ زَكّٰىهَاۖ ﴿٩﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَأَلْـهَمَهَا فُجُوْرَهَا وَتَـقْوٰىهَاۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِذِ انْـبَعَثَ اَشْقٰىهَاۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَقَدْ خَابَ مَنْ دَسّٰىهَاۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;كَذَّبَتْ ثَمُوْدُ بِطَغْوٰىهَآ ۖ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّ سَعْيَكُمْ لَشَتّٰىۗ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَا خَلَقَ الذَّكَرَ وَالْاُنْثٰىٓ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَاَمَّا مَنْ اَعْطٰى وَاتَّقٰىۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَسَنُيَسِّرُهٗ لِلْيُسْرٰىۗ &lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَصَدَّقَ بِالْـحُسْنٰىۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاِنَّ لَنَا لَلْاٰخِرَةَ وَالْاُوْلٰىۗ ﴿١٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;لَا يَصْلٰىهَآ اِلَّا الْاَشْقَىۙ &lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَسَيُجَنَّبُهَا الْاَتْقَىۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;الَّذِيْ كَذَّبَ وَتَوَلّٰىۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فَأَنْذَرْتُكُمْ نَارًا تَلَظّٰىۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;الَّذِيْ يُؤْتِيْ مَالَهٗ يَتَزَكّٰىۚ ﴿١٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَسَيُجَنَّبُهَا الْاَتْقَىۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَمَا لِاَحَدٍ عِنْدَهٗ مِنْ نِّعْمَةٍ تُجْزٰىٓۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَلَسَوْفَ يَـرْضٰى&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِلَّا ابْـتِغَاۤءَ وَجْهِ رَبِّهِ الْاَعْلٰىۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَادْخُلِيْ جَنَّتِيْ ﴿٣٠﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، وَالْفَجْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَالشَّمْسِ وَضُحٰىهَاۖ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالَّـيْلِ اِذَا يَغْشٰىۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، لَآ اُقْسِمُ بِهٰذَا الْـبَلَدِۙ ﴿١﴾`&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;عَلَيْهِمْ نَارٌ مُّؤْصَدَةٌ ﴿٢٠﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، وَالْفَجْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَالشَّمْسِ وَضُحٰىهَاۖ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالَّـيْلِ اِذَا يَغْشٰىۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، لَآ اُقْسِمُ بِهٰذَا الْـبَلَدِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَلَا يَخَافُ عُقْبٰهَا ﴿١٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، وَالْفَجْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَالشَّمْسِ وَضُحٰىهَاۖ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالَّـيْلِ اِذَا يَغْشٰىۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، لَآ اُقْسِمُ بِهٰذَا الْـبَلَدِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَلَسَوْفَ يَـرْضٰى ﴿٢١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، وَالضُّحٰىۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، وَالشَّمْسِ وَضُحٰىهَاۖ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالَّـيْلِ اِذَا يَغْشٰىۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، لَآ اُقْسِمُ بِهٰذَا الْـبَلَدِۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;/div&gt; &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;Kembali&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;Selanjutnya&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;Selesai &amp;amp; Lihat Nilai&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;


&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 15;
    const kunciJawaban = {
    soal1: &quot;C&quot;, 
    soal2: &quot;B&quot;, 
    soal3: &quot;B&quot;, 
    soal4: &quot;D&quot;, 
    soal5: &quot;B&quot;,
    soal6: &quot;C&quot;, 
    soal7: &quot;D&quot;, 
    soal8: &quot;C&quot;, 
    soal9: &quot;B&quot;, 
    soal10: &quot;D&quot;,
    soal11: &quot;B&quot;, 
    soal12: &quot;D&quot;, 
    soal13: &quot;B&quot;, 
    soal14: &quot;C&quot;, 
    soal15: &quot;A&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

&lt;p&gt;Demikianlah latihan &lt;a href=&quot;diniyah.my.id&quot;&gt;Uji Hafalan Tahfidz Juz 30 tahap 5&lt;/a&gt; ini. Berapapun skor akhir yang berhasil kita peroleh hari ini, jadikanlah hasil tersebut sebagai motivasi untuk terus semangat dalam memperbaiki bacaan dan mengulang-ulang hafalan Al-Qur&#39;an. Jangan lupa untuk membagikan (share) tautan halaman kuis ini kepada teman-teman, rekan santri, maupun keluarga agar mereka juga dapat mengukur kelancaran hafalannya. Nantikan terus update materi pembelajaran, soal latihan, dan kuis interaktif pendidikan agama Islam selanjutnya hanya di diniyah.my.id. Tetap istiqamah belajar dan semoga kita semua digolongkan ke dalam barisan Ahlul Qur&#39;an. Amin.&lt;/p&gt;



</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/1270565819659682545/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-5-latihan-soal-surat-al-lail-al-fajr.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/1270565819659682545'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/1270565819659682545'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-5-latihan-soal-surat-al-lail-al-fajr.html' title='Uji Hafalan Tahfidz Juz 30 Tahap 5: Latihan Soal Surat Al-Lail - Al-Fajr'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLcsKFPnEape0-Rx2qjkQGdAH5TZzA8M4WWQ91Ao5tSCqVWK90VVnU1x1WeFzSBm4ZG8Anf5kPF4-8EQF7WPnFvblGgP6log_icG8j4nUXUk3prWk57kRzU2JjLR1i1iFRqBwH-JiT7I6cE7uuaUn_I7b4o48MlQrMS8m7lYcbcvSPDnbWtm9eS6ENxk/s72-c/tahap-5-uji-hafalan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-2181025493522568960</id><published>2026-09-18T12:36:42.897+07:00</published><updated>2026-09-21T15:29:52.192+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahfidz"/><title type='text'>Uji Hafalan Tahfidz Juz 30 Tahap 4: Latihan Soal Surat Al-Alaq - Ad-Dhuha </title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZEwyZsF6To9CSZliD8M-kJWifUgAgofUhyphenhyphenhu9Fs5WB4QIYNBxqRGXCO8Ie95yp4clXICMnIqOK-8IKTj2v3uchpn0AIUsfGjPX49T7fpbj9TgWdg99bRXpwUwnLJo7GMfdvHQSJvRO2ePOLbjllmToRJlA7AxKfB_ib4s2EW5Csl7KS23HcBcSl2-Os/s1600/tahap-4-uji-hafalan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 4: Latihan Soal Surat Al-Alaq - Ad-Dhuha&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZEwyZsF6To9CSZliD8M-kJWifUgAgofUhyphenhyphenhu9Fs5WB4QIYNBxqRGXCO8Ie95yp4clXICMnIqOK-8IKTj2v3uchpn0AIUsfGjPX49T7fpbj9TgWdg99bRXpwUwnLJo7GMfdvHQSJvRO2ePOLbjllmToRJlA7AxKfB_ib4s2EW5Csl7KS23HcBcSl2-Os/s1600/tahap-4-uji-hafalan.webp&quot; title=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 4: Latihan Soal Surat Al-Alaq - Ad-Dhuha&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Menghafal Al-Qur&#39;an, khususnya Juz 30 (Juz &#39;Amma), merupakan langkah awal yang sangat penting bagi para santri maupun pelajar muslim. Sebagai tahapan dasar, evaluasi muraja&#39;ah (mengulang hafalan) perlu dilakukan secara berkala agar bacaan (fashohah)tetap bagus, ancar dan kuat. Seperti postingan sebelumnya, kali ini, &lt;a href=&quot;https://diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; menyajikan lagi sarana evaluasi mandiri bagi kalian melalui &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-4-latihan-soal-surat-al-alaq-al-dhuha.html&quot;&gt;Uji hafalan Tahfidz Juz 30 Tahap 4&lt;/a&gt;. Sesi latihan soal ini berfokus pada kelompok surat-surat pendek di juz 30 yang mencakup Surat Al-&#39;Alaq&#39; hingga Surat Ad-Dhuha (QS. 100–97)&lt;/p&gt;

&lt;p&gt;Latihan soal Uji Hafalan Tahap 4 ini merupakan lanjutan dari soal Uji Hafalan Tahfidz Juz 30 Tahap 3, yang di khususkan untuk menguji kelancaran hafalan serta pemahaman para siswa atau santri dengan cara yang lebih modern dan mudah. Dilengkapi dengan sistem penghitungan nilai otomatis di akhir kuis, sehingga proses evaluasi belajar menjadi lebih terukur dan menyenangkan.&lt;/p&gt;

&lt;p&gt;Jika masih penasaran dengan hasil soal latihan sebelumnya, silahkan kerjakan lagi dengan klik materi &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-3-latihan-soal-surat-al-adiyat-al-qadr.html&quot;&gt;Uji Hafalan Al-Qur&#39;an Juz 30 | Tahap 4&lt;/a&gt; ini&lt;/p&gt;

&lt;h2&gt;Materi Soal latihan Uji Hafalan&lt;/h2&gt;

&lt;p&gt;Adapun materi menghafal kali ini fokus pada hafalan Surah Al-&#39;Alaq, At-Tiin, Al-Insyirah, dan Ad-Duha (Surah 96–93), dengan kreteria soal:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;10 Sambung ayat, dan;&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;5 Sambung surat&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Yang meliputi;&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-&#39;Alaq&lt;/b&gt; (QS. Makiyah 19 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat At-Tin&lt;/b&gt; (QS. Makkiyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Insyirah&lt;/b&gt; (QS. Makkiyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Ad-Dhuha&lt;/b&gt; (QS. Makkiyah 11 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk memulai latihan, silakan isi nama lengkap, kelas, dan nomor absen pada kolom identitas di bawah ini, lalu klik tombol &quot;Mulai Mengerjakan&quot; dan kerjakan soal dengan jujur dan teliti. Selamat mengerjakan!&lt;/p&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FnVi7LQ87MXWwnyJko-5WbcNp60Exp76uUx6T-UsYLMwj-ucOgCQnnCJM-7KUQJIt2PMhlXwQvtt_DfoosmQqQAJKgStJBOShqOUwZkqwgixOPReJ-gWvGLW-k_XAsgw6Hssl5tqJS2778JyCU4un-4IvpAtPrKn3wpYk-P-Hkrwu1XZr4bB1S1X4l4/s1600/tahfidz-juz-30.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

    &lt;h2&gt;Uji hafalan Tahfidz Juz 30 | Tahap 4&lt;/h2&gt;
    &lt;p&gt;&lt;b id=&quot;teksJudulMateri&quot;&gt;Al-Qur&#39;an Surat Al-Alaq s.d. Surat Ad-Dhuha&lt;/b&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;

    &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;/div&gt;

    &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;مَا وَدَّعَكَ رَبُّكَ وَمَا قَلٰىۗ ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَوَجَدَكَ ضَاۤلًّا فَهَدٰىۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اَلَمْ يَجِدْكَ يَتِيْمًا فَاٰوٰىۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَلَسَوْفَ يُعْطِيْكَ رَبُّكَ فَتَرْضٰىۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَلَلْاٰخِرَةُ خَيْرٌ لَّكَ مِنَ الْاُوْلٰىۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَوَجَدَكَ عَاۤىِٕلًا فَاَغْنٰىۗ ﴿٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَاَمَّا بِـنِعْمَةِ رَبِّكَ فَـحَدِّثْ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَاَمَّا السَّاۤىِٕلَ فَلَا تَـنْـهَرْ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَاَمَّا الْيَتِيْمَ فَلَا تَـقْهَرْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَاَمَّا بِـنِعْمَةِ رَبِّكَ فَـحَدِّثْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّ مَعَ الْعُسْرِ يُسْرًاۗ ﴿٦﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَاِنَّ مَعَ الْعُسْرِ يُسْرًاۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَاِذَا فَرَغْتَ فَانْصَبْۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَرَفَعْنَا لَكَ ذِكْرَكَۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;الَّذِيْ اَنْـقَضَ ظَهْرَكَۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَوَضَعْنَا عَنْكَ وِزْرَكَۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَاِنَّ مَعَ الْعُسْرِ يُسْرًاۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَاِذَا فَرَغْتَ فَانْصَبْۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَرَفَعْنَا لَكَ ذِكْرَكَۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;الَّذِيْ اَنْـقَضَ ظَهْرَكَۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;ثُمَّ رَدَدْنٰهُ اَسْفَلَ سَافِلِيْنَۙ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;لَقَدْ خَلَقْنَا الْاِنْسَانَ فِيْ اَحْسَنِ تَـقْوِيْمٍۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَمَا يُكَذِّبُكَ بَعْدُ بِالدِّيْنِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;اِلَّا الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ فَلَهُمْ اَجْرٌ غَيْرُ مَمْنُوْنٍۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَهٰذَا الْبَلَدِ الْاَمِيْنِۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَهٰذَا الْبَلَدِ الْاَمِيْنِۙ ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَمَا يُكَذِّبُكَ بَعْدُ بِالدِّيْنِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;لَقَدْ خَلَقْنَا الْاِنْسَانَ فِيْ اَحْسَنِ تَـقْوِيْمٍۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;اِلَّا الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ فَلَهُمْ اَجْرٌ غَيْرُ مَمْنُوْنٍۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَهٰذَا الْبَلَدِ الْاَمِيْنِۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;خَلَقَ الْاِنْسَانَ مِنْ عَلَقٍۚ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;كَلَّآ اِنَّ الْاِنْسَانَ لَيَطْغٰىٓ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;عَلَّمَ الْاِنْسَانَ مَا لَمْ يَعْلَمْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;الَّذِيْ عَلَّمَ بِالْقَلَمِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِقْرَأْ وَرَبُّكَ الْاَكْرَمُۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;عَلَّمَ الْاِنْسَانَ مَا لَمْ يَعْلَمْۗ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;الَّذِيْ عَلَّمَ بِالْقَلَمِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;كَلَّآ اِنَّ الْاِنْسَانَ لَيَطْغٰىٓ ۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;الَّذِيْ عَلَّمَ بِالْقَلَمِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِقْرَأْ وَرَبُّكَ الْاَكْرَمُۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اَرَاَيْتَ اِنْ كَانَ عَلَى الْـهُدٰىٓۙ ﴿١١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;كَلَّا لَىِٕنْ لَّمْ يَـنْتَهِ ۙلَنَسْفَعًاۢ بِالنَّاصِيَةِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اَلَمْ يَعْلَمْ بِاَنَّ اللّٰهَ يَرٰىۗۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;اَرَاَيْتَ اِنْ كَذَّبَ وَتَوَلّٰىۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اَوْ اَمَرَ بِالتَّقْوٰىۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;كَلَّا لَىِٕنْ لَّمْ يَـنْتَهِ ۙلَنَسْفَعًاۢ بِالنَّاصِيَةِۙ ﴿١٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اَرَاَيْتَ اِنْ كَانَ عَلَى الْـهُدٰىٓۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اَلَمْ يَعْلَمْ بِاَنَّ اللّٰهَ يَرٰىۗۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;نَاصِيَةٍ كَاذِبَةٍ خَاطِئَةٍۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فَلْيَدْعُ نَادِيَهٗۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاَمَّا بِـنِعْمَةِ رَبِّكَ فَـحَدِّثْ ﴿١١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِنَّآ اَنْزَلْنٰهُ فِيْ لَـيْلَةِ الْقَدْرِ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالتِّيْنِ وَالزَّيْـتُوْنِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اَلَمْ نَشْرَحْ لَكَ صَدْرَكَۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاِلٰى رَبِّكَ فَارْغَبْ ﴿٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِنَّآ اَنْزَلْنٰهُ فِيْ لَـيْلَةِ الْقَدْرِ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالتِّيْنِ وَالزَّيْـتُوْنِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اَلَمْ نَشْرَحْ لَكَ صَدْرَكَۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اَلَـيْسَ اللّٰهُ بِاَحْكَمِ الْـحٰكِمِيْنَ ﴿٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِنَّآ اَنْزَلْنٰهُ فِيْ لَـيْلَةِ الْقَدْرِ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالتِّيْنِ وَالزَّيْـتُوْنِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اَلَمْ نَشْرَحْ لَكَ صَدْرَكَۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;كَلَّاۗ لَا تُطِعْهُ وَاسْجُدْ وَاقْتَرِبْ ۩ ﴿١٩﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِنَّآ اَنْزَلْنٰهُ فِيْ لَـيْلَةِ الْقَدْرِ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالتِّيْنِ وَالزَّيْـتُوْنِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اَلَمْ نَشْرَحْ لَكَ صَدْرَكَۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;سَلٰـمٌ ۛهِيَ حَتّٰى مَطْلَعِ الْفَجْرِ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِنَّآ اَنْزَلْنٰهُ فِيْ لَـيْلَةِ الْقَدْرِ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِقْرَأْ بِاسْمِ رَبِّكَ الَّذِيْ خَلَقَۚ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالتِّيْنِ وَالزَّيْـتُوْنِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، لَمْ يَكُنِ الَّذِيْنَ كَفَرُوْا مِنْ اَهْلِ الْكِتٰبِ وَالْمُشْرِكِيْنَ مُنْفَكِّيْنَ حَتّٰى تَأْتِيَهُمُ الْـبَـيِّـنَةُۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;


    &lt;/div&gt; &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;Kembali&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;Selanjutnya&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;Selesai &amp;amp; Lihat Nilai&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;


&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 15;
    const kunciJawaban = {
    soal1: &quot;D&quot;, 
    soal2: &quot;C&quot;, 
    soal3: &quot;C&quot;, 
    soal4: &quot;D&quot;, 
    soal5: &quot;C&quot;,
    soal6: &quot;B&quot;, 
    soal7: &quot;D&quot;, 
    soal8: &quot;B&quot;, 
    soal9: &quot;D&quot;, 
    soal10: &quot;C&quot;,
    soal11: &quot;D&quot;, 
    soal12: &quot;C&quot;, 
    soal13: &quot;B&quot;, 
    soal14: &quot;A&quot;, 
    soal15: &quot;D&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

&lt;p&gt;Demikianlah latihan &lt;a href=&quot;diniyah.my.id&quot;&gt;Uji Hafalan Tahfidz Juz 30 tahap 4&lt;/a&gt; ini. Berapapun skor akhir yang berhasil kita peroleh hari ini, jadikanlah hasil tersebut sebagai motivasi untuk terus semangat dalam memperbaiki bacaan dan mengulang-ulang hafalan Al-Qur&#39;an. Jangan lupa untuk membagikan (share) tautan halaman kuis ini kepada teman-teman, rekan santri, maupun keluarga agar mereka juga dapat mengukur kelancaran hafalannya. Nantikan terus update materi pembelajaran, soal latihan, dan kuis interaktif pendidikan agama Islam selanjutnya hanya di diniyah.my.id. Tetap istiqamah belajar dan semoga kita semua digolongkan ke dalam barisan Ahlul Qur&#39;an. Amin.&lt;/p&gt;




</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/2181025493522568960/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-4-latihan-soal-surat-al-alaq-al-dhuha.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/2181025493522568960'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/2181025493522568960'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-4-latihan-soal-surat-al-alaq-al-dhuha.html' title='Uji Hafalan Tahfidz Juz 30 Tahap 4: Latihan Soal Surat Al-Alaq - Ad-Dhuha '/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZEwyZsF6To9CSZliD8M-kJWifUgAgofUhyphenhyphenhu9Fs5WB4QIYNBxqRGXCO8Ie95yp4clXICMnIqOK-8IKTj2v3uchpn0AIUsfGjPX49T7fpbj9TgWdg99bRXpwUwnLJo7GMfdvHQSJvRO2ePOLbjllmToRJlA7AxKfB_ib4s2EW5Csl7KS23HcBcSl2-Os/s72-c/tahap-4-uji-hafalan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-7197304343443676669</id><published>2026-09-18T12:21:22.901+07:00</published><updated>2026-09-21T15:29:34.526+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahfidz"/><title type='text'>Uji Hafalan Tahfidz Juz 30 Tahap 3: Latihan Soal Surat Al-‘Adiyat - Al-Qadr </title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUw3toFJ3wTXIQN2hhaO23g3-hkGUJ7G0Q1gYEXHj9wS5fvKGIzRevcUibobkiLQYibos3-uK07zdbqxNrLk1MX2wZYlw7HptURoknybtSjuHlqrYBNiPgAc2lfPacoQGpD8T0ivIpLkGYbyxvfwXqq7oHY98q1YOAz6AqH8NiEGr45XDa8BD9HHu1Oo/s1600/tahap-3-uji-hafalan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 3: Latihan Soal Surat Al-‘Adiyat - Al-Qadr&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUw3toFJ3wTXIQN2hhaO23g3-hkGUJ7G0Q1gYEXHj9wS5fvKGIzRevcUibobkiLQYibos3-uK07zdbqxNrLk1MX2wZYlw7HptURoknybtSjuHlqrYBNiPgAc2lfPacoQGpD8T0ivIpLkGYbyxvfwXqq7oHY98q1YOAz6AqH8NiEGr45XDa8BD9HHu1Oo/s1600/tahap-3-uji-hafalan.webp&quot; title=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 3: Latihan Soal Surat Al-‘Adiyat - Al-Qadr&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Menghafal Al-Qur&#39;an, khususnya Juz 30 (Juz &#39;Amma), merupakan langkah awal yang sangat penting bagi para santri maupun pelajar muslim. Sebagai tahapan dasar, evaluasi muraja&#39;ah (mengulang hafalan) perlu dilakukan secara berkala agar bacaan (fashohah)tetap bagus, ancar dan kuat. Seperti postingan sebelumnya, kali ini, &lt;a href=&quot;https://diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; menyajikan lagi sarana evaluasi mandiri bagi kalian melalui &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-3-latihan-soal-surat-al-adiyat-al-qadr.html&quot;&gt;Uji hafalan Tahfidz Juz 30 Tahap 3&lt;/a&gt;. Sesi latihan soal ini berfokus pada kelompok surat-surat pendek di juz 30 yang mencakup Surat Al-&#39;Adiyat&#39; hingga Surat Al-Qodr (QS. 100–97)&lt;/p&gt;

&lt;p&gt;Latihan soal Uji Hafalan Tahap 3 ini merupakan lanjutan dari soal Uji Hafalan Tahfidz Juz 30 Tahap 2, yang di khususkan untuk menguji kelancaran hafalan serta pemahaman para siswa atau santri dengan cara yang lebih modern dan mudah. Dilengkapi dengan sistem penghitungan nilai otomatis di akhir kuis, sehingga proses evaluasi belajar menjadi lebih terukur dan menyenangkan.&lt;/p&gt;

&lt;p&gt;Jika masih penasaran dengan hasil soal latihan sebelumnya, silahkan kerjakan lagi dengan klik materi &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-2-latihan-soal-surat-al-maun-al-qariah.html&quot;&gt;Uji Hafalan Al-Qur&#39;an Juz 30 | Tahap 2&lt;/a&gt; ini&lt;/p&gt;

&lt;h2&gt;Materi Soal latihan Uji Hafalan&lt;/h2&gt;

&lt;p&gt;Adapun materi menghafal kali ini fokus kepada hafalan Surah Al-&#39;Adiyat, Az-Zalzalah, Al-Bayyinah, dan Al-Qadr (Surah 100–97), dengan kreteria soal:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;10 Sambung ayat, dan;&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;5 Sambung surat&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Yang meliputi;&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-’Adiyat&lt;/b&gt; (QS. Makkiyah 11 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Zalzalah&lt;/b&gt; (QS. Madaniyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Bayyinah&lt;/b&gt; (QS. Madaniyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Qodr&lt;/b&gt; (QS. Makkiyah 5 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk memulai latihan, silakan isi nama lengkap, kelas, dan nomor absen pada kolom identitas di bawah ini, lalu klik tombol &quot;Mulai Mengerjakan&quot; dan kerjakan soal dengan jujur dan teliti. Selamat mengerjakan!&lt;/p&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FnVi7LQ87MXWwnyJko-5WbcNp60Exp76uUx6T-UsYLMwj-ucOgCQnnCJM-7KUQJIt2PMhlXwQvtt_DfoosmQqQAJKgStJBOShqOUwZkqwgixOPReJ-gWvGLW-k_XAsgw6Hssl5tqJS2778JyCU4un-4IvpAtPrKn3wpYk-P-Hkrwu1XZr4bB1S1X4l4/s1600/tahfidz-juz-30.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

    &lt;h2&gt;Uji hafalan Tahfidz Juz 30 | Tahap 3&lt;/h2&gt;
    &lt;p&gt;&lt;b id=&quot;teksJudulMateri&quot;&gt;Al-Qur&#39;an Surat Al-&#39;Adiyat&#39; s.d. Surat Al-Qodr&lt;/b&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;

    &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;/div&gt;

    &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَمَآ اَدْرٰىكَ مَا لَـيْلَةُ الْقَدْرِۗ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِنَّآ اَنْزَلْنٰهُ فِيْ لَـيْلَةِ الْقَدْرِ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;لَيْلَةُ الْقَدْرِ ۙ خَيْرٌ مِّنْ اَلْفِ شَهْرٍۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;تَنَزَّلُ الْمَلٰۤىِٕكَةُ وَالرُّوْحُ فِيْهَا بِاِذْنِ رَبِّهِمْۚ مِنْ كُلِّ اَمْرٍۛ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَلٰـمٌ ۛهِيَ حَتّٰى مَطْلَعِ الْفَجْرِ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;تَنَزَّلُ الْمَلٰۤىِٕكَةُ وَالرُّوْحُ فِيْهَا بِاِذْنِ رَبِّهِمْۚ مِنْ كُلِّ اَمْرٍۛ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِنَّآ اَنْزَلْنٰهُ فِيْ لَـيْلَةِ الْقَدْرِ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;لَيْلَةُ الْقَدْرِ ۙ خَيْرٌ مِّنْ اَلْفِ شَهْرٍۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;تَنَزَّلُ الْمَلٰۤىِٕكَةُ وَالرُّوْحُ فِيْهَا بِاِذْنِ رَبِّهِمْۚ مِنْ كُلِّ اَمْرٍۛ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَلٰـمٌ ۛهِيَ حَتّٰى مَطْلَعِ الْفَجْرِ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;رَسُوْلٌ مِّنَ اللّٰهِ يَـتْلُوْا صُحُفًا مُّطَهَّرَةًۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَا تَفَرَّقَ الَّذِيْنَ اُوْتُوا الْكِتٰبَ اِلَّا مِنْ بَعْدِ مَا جَاۤءَتْهُمُ الْـبَـيِّـنَةُ ۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِنَّ الَّذِيْنَ كَفَرُوْا مِنْ اَهْلِ الْكِتٰبِ وَالْمُشْرِكِيْنَ فِيْ نَارِ جَهَنَّمَ خٰلِدِيْنَ فِيْهَاۗ اُولٰۤىِٕكَ هُمْ شَرُّ الْبَرِيَّةِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَمَآ اُمِرُوْٓا اِلَّا لِيَعْبُدُوا اللّٰهَ مُخْلِصِيْنَ لَهُ الدِّيْنَ ۙ حُنَفَاۤءَ وَيُقِيْمُوا الصَّلٰوةَ وَيُؤْتُوا الزَّكٰوةَ وَذٰلِكَ دِيْنُ الْقَيِّمَةِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فِيْهَا كُتُبٌ قَيِّمَةٌ ۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّ الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ اُولٰۤىِٕكَ هُمْ خَيْرُ الْبَرِيَّةِۗ ﴿٧﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَا تَفَرَّقَ الَّذِيْنَ اُوْتُوا الْكِتٰبَ اِلَّا مِنْ بَعْدِ مَا جَاۤءَتْهُمُ الْـبَـيِّـنَةُ ۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِنَّ الَّذِيْنَ كَفَرُوْا مِنْ اَهْلِ الْكِتٰبِ وَالْمُشْرِكِيْنَ فِيْ نَارِ جَهَنَّمَ خٰلِدِيْنَ فِيْهَاۗ اُولٰۤىِٕكَ هُمْ شَرُّ الْبَرِيَّةِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَمَآ اُمِرُوْٓا اِلَّا لِيَعْبُدُوا اللّٰهَ مُخْلِصِيْنَ لَهُ الدِّيْنَ ۙ حُنَفَاۤءَ وَيُقِيْمُوا الصَّلٰوةَ وَيُؤْتُوا الزَّكٰوةَ وَذٰلِكَ دِيْنُ الْقَيِّمَةِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;جَزَاۤؤُهُمْ عِنْدَ رَبِّهِمْ جَنّٰتُ عَدْنٍ تَجْرِيْ مِنْ تَحْتِهَا الْاَنْهٰرُ خٰلِدِيْنَ فِيْهَآ اَبَدًا ۗرَضِيَ اللّٰهُ عَنْهُمْ وَرَضُوْا عَنْهُ ۗ ذٰلِكَ لِمَنْ خَشِيَ رَبَّهٗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاَخْرَجَتِ الْاَرْضُ اَثْـقَالَـهَاۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;يَوْمَٸِذٍ يَّصْدُرُ النَّاسُ اَشْتَاتًا ۙ لِّيُرَوْا اَعْمَالَـهُمْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بِاَنَّ رَبَّكَ اَوْحٰى لَـهَاۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;يَوْمَٸِذٍ تُحَدِّثُ اَخْبَارَهَاۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَقَالَ الْاِنْسَانُ مَا لَـهَاۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;يَوْمَٸِذٍ تُحَدِّثُ اَخْبَارَهَاۙ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;يَوْمَٸِذٍ يَّصْدُرُ النَّاسُ اَشْتَاتًا ۙ لِّيُرَوْا اَعْمَالَـهُمْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بِاَنَّ رَبَّكَ اَوْحٰى لَـهَاۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَمَنْ يَّعْمَلْ مِثْقَالَ ذَرَّةٍ خَيْرًا يَّـرَهٗۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَقَالَ الْاِنْسَانُ مَا لَـهَاۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;يَوْمَٸِذٍ يَّصْدُرُ النَّاسُ اَشْتَاتًا ۙ لِّيُرَوْا اَعْمَالَـهُمْۗ ﴿٦﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;يَوْمَٸِذٍ يَّصْدُرُ النَّاسُ اَشْتَاتًا ۙ لِّيُرَوْا اَعْمَالَـهُمْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بِاَنَّ رَبَّكَ اَوْحٰى لَـهَاۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَمَنْ يَّعْمَلْ مِثْقَالَ ذَرَّةٍ خَيْرًا يَّـرَهٗۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَقَالَ الْاِنْسَانُ مَا لَـهَاۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَاِنَّهٗ لِـحُبِّ الْـخَيْرِ لَشَدِيْدٌ ۗ ﴿٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَحُصِّلَ مَا فِى الصُّدُوْرِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اَفَلَا يَعْلَمُ اِذَا بُعْثِرَ مَا فِى الْقُبُوْرِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاِنَّهٗ عَلٰى ذٰلِكَ لَشَهِيْدٌۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِنَّ الْاِنْسَانَ لِرَبِّهٖ لَكَنُوْدٌ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّ الْاِنْسَانَ لِرَبِّهٖ لَكَنُوْدٌ ۚ ﴿٦﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَحُصِّلَ مَا فِى الصُّدُوْرِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اَفَلَا يَعْلَمُ اِذَا بُعْثِرَ مَا فِى الْقُبُوْرِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَاِنَّهٗ عَلٰى ذٰلِكَ لَشَهِيْدٌۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِنَّ الْاِنْسَانَ لِرَبِّهٖ لَكَنُوْدٌ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَالْمُوْرِيٰتِ قَدْحًاۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَوَسَطْنَ بِهٖ جَمْعًاۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَاَثَـرْنَ بِهٖ نَقْعًاۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;اِنَّ الْاِنْسَانَ لِرَبِّهٖ لَكَنُوْدٌ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فَالْمُغِيْرٰتِ صُبْحًاۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;سَلٰـمٌ ۛهِيَ حَتّٰى مَطْلَعِ الْفَجْرِ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لَمْ يَكُنِ الَّذِيْنَ كَفَرُوْا مِنْ اَهْلِ الْكِتٰبِ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِذَا زُلْزِلَتِ الْاَرْضُ زِلْزَالَـهَاۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالْعٰدِيٰتِ ضَبْحًاۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اَلْقَارِعَةُۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّ رَبَّهُمْ بِهِمْ يَوْمَىِٕذٍ لَّـخَبِيْرٌ  ﴿١١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لَمْ يَكُنِ الَّذِيْنَ كَفَرُوْا مِنْ اَهْلِ الْكِتٰبِ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِذَا زُلْزِلَتِ الْاَرْضُ زِلْزَالَـهَاۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالْعٰدِيٰتِ ضَبْحًاۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اَلْقَارِعَةُۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;جَزَاۤؤُهُمْ عِنْدَ رَبِّهِمْ جَنّٰتُ عَدْنٍ تَجْرِيْ مِنْ تَحْتِهَا الْاَنْهٰرُ خٰلِدِيْنَ فِيْهَآ اَبَدًا ۗرَضِيَ اللّٰهُ عَنْهُمْ وَرَضُوْا عَنْهُ ۗ ذٰلِكَ لِمَنْ خَشِيَ رَبَّهٗ ﴿٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لَمْ يَكُنِ الَّذِيْنَ كَفَرُوْا مِنْ اَهْلِ الْكِتٰبِ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِذَا زُلْزِلَتِ الْاَرْضُ زِلْزَالَـهَاۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالْعٰدِيٰتِ ضَبْحًاۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اَلْقَارِعَةُۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَمَنْ يَّعْمَلْ مِثْقَالَ ذَرَّةٍ شَرًّا يَّـرَهٗ ﴿٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لَمْ يَكُنِ الَّذِيْنَ كَفَرُوْا مِنْ اَهْلِ الْكِتٰبِ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اِذَا زُلْزِلَتِ الْاَرْضُ زِلْزَالَـهَاۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالْعٰدِيٰتِ ضَبْحًاۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، اَلْقَارِعَةُۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;نَارٌ حَامِيَةٌ ﴿١١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لِاِيْلٰفِ قُرَيْشٍۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اَلْـهٰىكُمُ التَّكَاثُرُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالْعَصْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَيْلٌ لِّكُلِّ هُمَزَةٍ لُّـمَزَةٍۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;


    &lt;/div&gt; &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;Kembali&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;Selanjutnya&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;Selesai &amp;amp; Lihat Nilai&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;


&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 15;
    const kunciJawaban = {
    soal1: &quot;B&quot;, 
    soal2: &quot;D&quot;, 
    soal3: &quot;D&quot;, 
    soal4: &quot;D&quot;, 
    soal5: &quot;D&quot;,
    soal6: &quot;B&quot;, 
    soal7: &quot;C&quot;, 
    soal8: &quot;B&quot;, 
    soal9: &quot;C&quot;, 
    soal10: &quot;D&quot;,
    soal11: &quot;D&quot;, 
    soal12: &quot;D&quot;, 
    soal13: &quot;B&quot;, 
    soal14: &quot;C&quot;, 
    soal15: &quot;B&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

&lt;p&gt;Demikianlah latihan &lt;a href=&quot;diniyah.my.id&quot;&gt;Uji Hafalan Tahfidz Juz 30 tahap 3&lt;/a&gt; ini. Berapapun skor akhir yang berhasil kita peroleh hari ini, jadikanlah hasil tersebut sebagai motivasi untuk terus semangat dalam memperbaiki bacaan dan mengulang-ulang hafalan Al-Qur&#39;an. Jangan lupa untuk membagikan (share) tautan halaman kuis ini kepada teman-teman, rekan santri, maupun keluarga agar mereka juga dapat mengukur kelancaran hafalannya. Nantikan terus update materi pembelajaran, soal latihan, dan kuis interaktif pendidikan agama Islam selanjutnya hanya di diniyah.my.id. Tetap istiqamah belajar dan semoga kita semua digolongkan ke dalam barisan Ahlul Qur&#39;an. Amin.&lt;/p&gt;





</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/7197304343443676669/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-3-latihan-soal-surat-al-adiyat-al-qadr.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/7197304343443676669'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/7197304343443676669'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-3-latihan-soal-surat-al-adiyat-al-qadr.html' title='Uji Hafalan Tahfidz Juz 30 Tahap 3: Latihan Soal Surat Al-‘Adiyat - Al-Qadr '/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUw3toFJ3wTXIQN2hhaO23g3-hkGUJ7G0Q1gYEXHj9wS5fvKGIzRevcUibobkiLQYibos3-uK07zdbqxNrLk1MX2wZYlw7HptURoknybtSjuHlqrYBNiPgAc2lfPacoQGpD8T0ivIpLkGYbyxvfwXqq7oHY98q1YOAz6AqH8NiEGr45XDa8BD9HHu1Oo/s72-c/tahap-3-uji-hafalan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-1633952290165288150</id><published>2026-09-17T00:48:28.829+07:00</published><updated>2026-09-20T23:32:51.601+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Fiqih"/><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><title type='text'>20 Latihan Soal Fiqih Haji &amp; Umrah - Kitab Mabadi&#39;ul Fiqhiyyah Juz 3</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF21VEg0qVCb5pMWo1XDTufzt9WNc12M9ldLzSVdMsbjOKTTyPnC7nhr8smk4NTBtU0Qe80g5X0JRWAcDqCJh2c_MqyAFAPgZCzcKgx219poAa4yBG6gNrQQnPQ4qepn5moYZsAq7-oCg66LjgOBW7awli-kOzzxIYsNhTjBgr7WkyQH7l2h222Wgr9b0/s1600/latihan-soal-haji-umroh.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;20 Latihan Soal Fiqih Haji &amp;amp; Umrah - Kitab Mabadi&#39;ul Fiqhiyyah Juz 3&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF21VEg0qVCb5pMWo1XDTufzt9WNc12M9ldLzSVdMsbjOKTTyPnC7nhr8smk4NTBtU0Qe80g5X0JRWAcDqCJh2c_MqyAFAPgZCzcKgx219poAa4yBG6gNrQQnPQ4qepn5moYZsAq7-oCg66LjgOBW7awli-kOzzxIYsNhTjBgr7WkyQH7l2h222Wgr9b0/s1600/latihan-soal-haji-umroh.webp&quot; title=&quot;20 Latihan Soal Fiqih Haji &amp;amp; Umrah - Kitab Mabadi&#39;ul Fiqhiyyah Juz 3&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Berikut ini adalah &lt;a href=&quot;https://www.diniyah.my.id/2026/09/20-latihan-soal-fiqih-haji-umrah-kitab-mabadiul-fiqhiyyah-juz-3.html&quot;&gt;20 soal latihan materi tentang Haji dan Umroh dalam kitab Mabadi&#39; Fiqh Juz 3&lt;/a&gt; karya Syeikh Umar Abdul Jabbar. Sebagai penunjang peserta didik dan para santri dalam memahami ketentuan tentang Fikih Haji dan Umroh yang dijelaskan dalam kitab tersebut. Adapun Soal latihan ini terdiri dari 20 soal pilihan ganda.
&lt;/p&gt;

&lt;uL&gt;
    &lt;li&gt;Nama Kitab: Mabadi&#39;ul Fiqhiyyah Juz 3&lt;/li&gt;
    &lt;li&gt;Bidang Studi: Kitab Fiqih Madzhab Syafi&#39;i&lt;/li&gt;
    &lt;li&gt;Penulis: Syeikh Umar Abdul Jabbar&lt;/li&gt;
    &lt;li&gt;Lahir: Makkah Al-Mukarramah Tahun 1320 H/ 1902 M&lt;/li&gt;
    &lt;li&gt;Wafat: Tahun 1931 di usia 63 tahun&lt;/li&gt;
&lt;/uL&gt;

&lt;p&gt;Jika masih dirasa belum menguasai materi untuk mengerjakan soal ini: silahkan baca kembali materi sebelumnya dengan klik postingan tentang &lt;a href=&quot;https://www.diniyah.my.id/2026/09/fiqih-haji-dan-umrah-syarat-rukun-larangan-saat-Ihram-mabadiul-fiqhiyyah-juz-3.html&quot;&gt;Fiqih Haji dan Umrah: Syarat, Rukun, &amp; Larangan saat Ihram (Mabadi&#39;ul Fiqhiyyah Juz 3)&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;Ringkasan kisi-kisi Lingkup Materi Soal latihan&lt;/h2&gt;

&lt;ul&gt;
    &lt;li&gt;
    Memahami ketentuan Haji dan Umrah dalam kitab Mabadi&#39;ul Fiqhiyyah Juz 3
    &lt;/li&gt;
&lt;/ul&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: flex; /* Mengubah dari block menjadi flex agar sejajar */
    align-items: flex-start; /* Memastikan bulatan sejajar dengan baris pertama teks */
    margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    line-height: 1.5; /* Memberi jarak antar baris teks agar lebih rapi membaca */
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    
    .pilihan-jawaban input { 
    flex-shrink: 0; /* Mencegah bulatan mengecil saat teks terlalu panjang */
    margin-top: 4px; /* Menurunkan sedikit bulatan agar pas di tengah baris pertama */
    margin-right: 12px; /* Memberi jarak antara bulatan dengan teks di sebelah kanannya */
    margin-left: 0; /* Menghapus margin kiri sebelumnya */
    transform: scale(1.3); 
    }

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh88NzD0VbCQdm_LtPwCzXFLFA27_UCQkaEgg2ySVdQQOIWsUXLYn40TJ0Ii0V1dbIvNG3KSPDudEKvYeYd29A6mZKLEDxHoxnJRJKm-PLlY2plmLUTkwBDzHLY9Coo85dy52YLnRw6RaYFiXUqP2UJ2YiWEH4B1SCOLFbGfjF8Qw-_PtDQuKfscKwIp8o/s1600/logo-soal-latihan-kdk-v2.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

    &lt;h2&gt;Latihan Soal&lt;/h2&gt;
    &lt;p&gt;&lt;b id=&quot;teksJudulMateri&quot;&gt;Materi Haji dan Umrah dalam Kitab Mabadi&#39; Fiqh Juz 3&lt;/b&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;
    &lt;div id=&quot;info-siswa-bar&quot;&gt;
        &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;/div&gt;

    &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Menurut Kitab Mabadi&#39;ul Fiqhiyyah Juz 3, hukum menunaikan ibadah haji dan umrah bagi setiap muslim yang memenuhi syarat adalah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Sunnah muakkad setiap tahun&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Fardhu (wajib) sekali seumur hidup&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Mubah bagi yang tinggal di Kota Makkah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Wajib setiap lima tahun sekali&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Salah satu syarat wajib haji adalah Mampu (Istitha&#39;ah). Yang dimaksud mampu dalam syarat wajib haji ini adalah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Memiliki rumah dan mobil yang sangat mewah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Memiliki biaya perjalanan dan cukup bekal untuk keluarga yang ditinggalkan&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Mampu menghafal seluruh isi kitab Al-Qur&#39;an&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Mampu berbicara bahasa Arab dengan sangat lancar&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Syarat wajib haji salah satunya adalah Mukallaf. Yang dimaksud dengan Mukallaf adalah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Anak-anak yang pandai beribadah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Orang Islam yang sudah baligh (dewasa) dan berakal sehat&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Orang yang memiliki keturunan bangsawan&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Orang yang rajin bersedekah setiap hari&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Perbedaan paling utama antara rukun ibadah haji dan rukun ibadah umrah terletak pada...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Umrah tidak perlu berniat ihram&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Haji tidak ada ibadah sa&#39;i&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Haji memiliki rukun Wukuf di Arafah, sedangkan umrah tidak ada&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Umrah tidak memerlukan memotong rambut&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Rukun adalah amalan inti dalam haji. Jika seseorang meninggalkan salah satu rukun haji, maka ibadah hajinya...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Tetap sah asal membayar denda&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Tidak sah dan tidak diperkenankan melepas ihram sebelum menunaikannya&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Otomatis berubah menjadi ibadah sunnah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Cukup diganti dengan membaca doa selamat&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Saat melaksanakan rukun Thawaf, kita mengelilingi bangunan Ka&#39;bah sebanyak...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;3 kali putaran&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;5 kali putaran&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;7 kali putaran&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;9 kali putaran&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Syarat sah dalam melakukan Thawaf adalah posisi bangunan Ka&#39;bah harus selalu berada di sebelah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Kanan orang yang bertawaf&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Kiri orang yang bertawaf&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Depan orang yang bertawaf&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Belakang orang yang bertawaf&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Putaran Thawaf diwajibkan untuk diawali dari posisi yang sejajar dengan...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Maqam Ibrahim&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Bukit Shafa&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Hajar Aswad&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Bukit Marwah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Ibadah Sa&#39;i dilaksanakan dengan cara berjalan dan berlari-lari kecil di antara bukit...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Arafah dan Muzdalifah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Shafa dan Marwah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Uhud dan Tursina&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Mina dan Arafah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Perjalanan Sa&#39;i wajib diawali dan diakhiri di tempat berikut secara berurutan, yaitu...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Dimulai dari Bukit Marwah dan diakhiri di Bukit Shafa&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Dimulai dari Bukit Shafa dan diakhiri di Bukit Marwah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Dimulai dari Padang Arafah dan diakhiri di Mina&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Dimulai dari Muzdalifah dan diakhiri di Makkah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Perjalanan Sa&#39;i dari Shafa ke Marwah (dan sebaliknya) dihitung sah jika sudah mencapai...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;5 kali perjalanan&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;7 kali perjalanan&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;9 kali perjalanan&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;12 kali perjalanan&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Kegiatan mencukur atau memendekkan rambut kepala sebagai tanda melepaskan ihram disebut...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Ihram&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Tahallul (Halaq/Taqshir)&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Wukuf&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Mabit&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Salah satu amalan Wajib Haji adalah Berihram dari Miqat. Yang dimaksud dengan Miqat adalah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Batas tempat atau waktu dimulainya niat ihram&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Tempat mencukur rambut jamaah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Tempat melontar batu jumrah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tempat menginap jamaah haji di Makkah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Di bawah ini yang termasuk tempat bermalam (mabit) dalam amalan Wajib Haji adalah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Makkah dan Madinah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Muzdalifah dan Mina&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Shafa dan Marwah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Jeddah dan Quba&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Jika seseorang meninggalkan salah satu Wajib Haji (seperti tidak bermalam di Mina), maka ia berkewajiban...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Mengulangi seluruh rangkaian haji dari awal&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Menyembelih seekor kambing di Tanah Suci&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Hajinya langsung batal&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Membaca doa selamat 100 kali&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide16&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 16&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Seseorang yang tidak mampu menyembelih kambing karena melanggar wajib haji, harus menggantinya dengan berpuasa selama...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;3 hari sebelum hari Nahar dan 7 hari di tanah air&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;7 hari di Tanah Suci saja&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;30 hari berturut-turut di rumah&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;1 hari saja pada hari Arafah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide17&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 17&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Larangan pakaian khusus bagi laki-laki yang sedang dalam keadaan ihram adalah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Memakai kain selendang putih&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Memakai pakaian yang ada jahitannya (bersambung)&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Memakai kain sarung tanpa jahitan&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Memakai sandal yang terbuka jarinya&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide18&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 18&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Bagi perempuan yang sedang berihram, anggota tubuh yang dilarang untuk ditutup adalah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Seluruh kakinya&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Rambut dan kepalanya&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Wajah dan kedua telapak tangannya&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Punggung dan dadanya&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide19&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 19&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Di antara hal-hal yang dilarang saat ihram, perbuatan yang dapat membatalkan ibadah haji secara langsung adalah...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Memotong kuku&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Berjima&#39; (bersetubuh) dengan sengaja&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Memakai wangi-wangian&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Menyisir rambut&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide20&quot;&gt;
        &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 20&lt;/b&gt;&lt;/p&gt;
        &lt;p&gt;&lt;b&gt;Seseorang yang sedang berihram lalu menebang pohon kecil di kawasan Tanah Suci diwajibkan membayar denda berupa...&lt;/b&gt;&lt;/p&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Menyembelih seekor kambing&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Menyembelih seekor sapi (lembu)&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Berpuasa selama satu tahun&lt;/label&gt;
        &lt;label class=&quot;pilihan-jawaban&quot;&gt;
            &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Membeli tanah di kota Makkah&lt;/label&gt;
    &lt;/div&gt;

    &lt;/div&gt;
    &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
        &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;
        Kembali
        &lt;/button&gt;
        &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;
        Selanjutnya
        &lt;/button&gt;
        &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;
        Selesai &amp;amp; Lihat Nilai
        &lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;


&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 20;
    const kunciJawaban = {
    soal1: &quot;B&quot;, 
    soal2: &quot;B&quot;, 
    soal3: &quot;B&quot;, 
    soal4: &quot;C&quot;, 
    soal5: &quot;B&quot;,
    soal6: &quot;C&quot;, 
    soal7: &quot;B&quot;, 
    soal8: &quot;C&quot;, 
    soal9: &quot;B&quot;, 
    soal10: &quot;B&quot;,
    soal11: &quot;B&quot;, 
    soal12: &quot;B&quot;, 
    soal13: &quot;A&quot;, 
    soal14: &quot;B&quot;, 
    soal15: &quot;B&quot;,
    soal16: &quot;A&quot;,
    soal17: &quot;B&quot;,
    soal18: &quot;C&quot;,
    soal19: &quot;B&quot;,
    soal20: &quot;A&quot;
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/1633952290165288150/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/20-latihan-soal-fiqih-haji-umrah-kitab-mabadiul-fiqhiyyah-juz-3.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/1633952290165288150'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/1633952290165288150'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/20-latihan-soal-fiqih-haji-umrah-kitab-mabadiul-fiqhiyyah-juz-3.html' title='20 Latihan Soal Fiqih Haji &amp; Umrah - Kitab Mabadi&#39;ul Fiqhiyyah Juz 3'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF21VEg0qVCb5pMWo1XDTufzt9WNc12M9ldLzSVdMsbjOKTTyPnC7nhr8smk4NTBtU0Qe80g5X0JRWAcDqCJh2c_MqyAFAPgZCzcKgx219poAa4yBG6gNrQQnPQ4qepn5moYZsAq7-oCg66LjgOBW7awli-kOzzxIYsNhTjBgr7WkyQH7l2h222Wgr9b0/s72-c/latihan-soal-haji-umroh.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-899105024774689717</id><published>2026-09-16T22:39:13.874+07:00</published><updated>2026-10-15T12:11:13.320+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><category scheme="http://www.blogger.com/atom/ns#" term="Fiqih"/><title type='text'>Fiqih Haji dan Umrah: Syarat, Rukun, &amp; Larangan saat Ihram (Mabadi&#39;ul Fiqhiyyah Juz 3)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJNsset3Cc0MXq5hKJL_sReNl-l24McHuAPjmOyg1irhyc_Ur0ghhdD5y7dS8QtWeuBsS6HcDq8HewvRtElNP2YliBTTw6Y4IMWeN6ZcRKuG10ncaoEPz359xfgl7cWl_Y18e5WdaOJ6a-XuAaUYAqeSvWzcPlse2jcTVLUVE15-PNxAjxsN57QOs5NQ/s1600/materi-haji-umroh.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Fiqih Haji dan Umrah: Syarat, Rukun, &amp;amp; Larangan saat Ihram: Mabadi&#39;ul Fiqhiyyah Juz 3&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJNsset3Cc0MXq5hKJL_sReNl-l24McHuAPjmOyg1irhyc_Ur0ghhdD5y7dS8QtWeuBsS6HcDq8HewvRtElNP2YliBTTw6Y4IMWeN6ZcRKuG10ncaoEPz359xfgl7cWl_Y18e5WdaOJ6a-XuAaUYAqeSvWzcPlse2jcTVLUVE15-PNxAjxsN57QOs5NQ/s1600/materi-haji-umroh.webp&quot; title=&quot;Fiqih Haji dan Umrah: Syarat, Rukun, &amp;amp; Larangan saat Ihram: Mabadi&#39;ul Fiqhiyyah Juz 3&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
    بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِیْمِ
&lt;/p&gt;

&lt;p&gt;Pernahkah kita membayangkan indahnya melangkahkan kaki di Tanah Suci Makkah dan menyaksikan Ka&#39;bah secara langsung? Beribadah Haji dan Umrah tentu menjadi impian besar bagi setiap umat Islam, tetapi tahukah kita apa saja aturan fikih di balik kedua ibadah yang sangat mulia ini?&lt;/p&gt;
    
&lt;p&gt;Pembahasan pada materi ini fokus kepada &lt;b&gt;kitab Kitab Al-Mabadi&#39;ul Fiqhiyyah Juz 3&lt;/b&gt;. Dalam kitab tersebut, hukum menunaikan ibadah Haji dan Umrah adalah fardhu dan hanya diwajibkan sekali seumur hidup bagi setiap Muslim yang merdeka, mukallaf (dewasa dan berakal), sehat fisik, mampu secara finansial, serta aman selama perjalanan pulang dan pergi&lt;/p&gt;

&lt;p&gt;Memahami materi fiqih tentang perjalanan ke Baitullah ini sangat penting, khususnya bagi para pelajar agar dapat membedakan syarat wajib serta rukun-rukunnya dengan tepat. Secara garis besar, pelaksanaan ibadah haji terdiri dari rukun niat, wukuf di Arafah, thawaf, sa&#39;i, hingga memotong rambut. Uniknya, rukun umrah memiliki urutan yang sama persis dengan haji, kecuali pelaksanaan wukuf di Arafah yang khusus hanya ada pada ibadah haji saja. Selanjutnya, kita bedah panduan lengkapnya dengan bahasa mudah dipahami! Semoga…&lt;/p&gt;

&lt;p&gt;Sebelum mulai pembahasan kali ini, kita bedah dulu satu per satu ketentuan ibadah Haji dan Umrah agar pemahaman fikih kita makin mantap!&lt;/p&gt;

&lt;uL&gt;
  &lt;li&gt;Nama Kitab: Mabadi&#39;ul Fiqhiyyah Juz 3&lt;/li&gt;
  &lt;li&gt;Bidang Studi: Kitab Fiqih Madzhab Syafi&#39;i&lt;/li&gt;
  &lt;li&gt;Penulis: Syeikh Umar Abdul Jabbar&lt;/li&gt;
  &lt;li&gt;Lahir: Makkah Al-Mukarramah Tahun 1320 H/ 1902 M&lt;/li&gt;
  &lt;li&gt;Wafat: Tahun 1931 di usia 63 tahun&lt;/li&gt;
&lt;/uL&gt;

&lt;h2&gt;Hukum Haji dan Umrah&lt;/h2&gt;

&lt;p&gt;Dalam kitab mabadiul Fiqhiyyah Juz 3 disebutkan;&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
    اَلْـحَجُّ وَالعُمْرَةُ فَرْضَانِ فِي العُمْرِ مَرَّةً عَلَى كُلِّ مُسْلِمِ حُرٍّ مُكَلَّفٍ مُسْتَطِيْعٍ
&lt;/p&gt;

&lt;p&gt;&quot;Haji dan Umrah, Hukum keduanya adalah fardhu dan hanya dilakukan sekali dalam seumur hidup. Keduanya wajib atas setiap orang Islam, merdeka, mukallaf serta kuat dan sehat, mampu untuk biaya pergi dan ada pula harta yang ditinggalkan, aman dalam perjalanan pulang perginya ke tanah suci.&quot;&lt;/p&gt;

&lt;h2&gt;Syarat-Syarat Wajib Haji dan Umrah&lt;/h2&gt;

&lt;p&gt;Tidak semua orang langsung diwajibkan berangkat ke Tanah Suci. Berdasarkan Kitab Al-Mabadi&#39;ul Fiqhiyyah Juz 3, seseorang diwajibkan menunaikan ibadah Haji dan Umrah apabila memenuhi syarat-syarat berikut&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Beragama Islam&lt;/b&gt;: Ibadah ini diwajibkan bagi seorang Muslim&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Merdeka&lt;/b&gt;: Orang yang statusnya bebas (bukan hamba sahaya)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mukallaf&lt;/b&gt;: Yaitu orang yang sudah baligh (dewasa) dan berakal sehat&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Kuat dan Sehat&lt;/b&gt;: Memiliki fisik dan kesehatan yang memadai untuk menjalankan ibadah&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mampu (Istitha&#39;ah)&lt;/b&gt;: Memiliki biaya untuk perjalanan ke Tanah Suci serta memiliki harta atau bekal yang cukup untuk keluarga yang ditinggalkan di rumah&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Aman dalam Perjalanan&lt;/b&gt;: Jalur perjalanan pulang dan pergi ke Tanah Suci dalam keadaan aman&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Rukun-Rukun Haji dan Umrah (Harus Berurutan)&lt;/h2&gt;

&lt;p&gt;Dalam kitab mabadiul Fiqhiyyah Juz 3 disebutkan&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
أرْكَانُ الْـحَجِّ: (١) النِّيَّةُ، (٢) الوُقُوْفُ بِعَرَفَةَ، (٣) الطَّوَافُ، (٤) السَّعْيُ، (٥) الْـحَلْقُ وَالتَّقْصِيْرُ، (وَهِيَ أرْكَانُ العُمْرَةِ إلَّا الوُقُوْفَ بِعَرَفَةَ)
&lt;/p&gt;

&lt;p&gt;Rukun-rukun Haji, yaitu : 1. Niat. 2. Wuquf di Arafah.3. Thawaf. 4. Sa’i. 5. Mencukur dan memendekkan rambut. &lt;b&gt;Adapun yang tersebut diatas juga menjadi rukunnya umrah kecuali Wuquf di Arafah&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Rukun adalah amalan inti yang wajib dilaksanakan dan tidak boleh ditinggalkan. Jika salah satu rukun ditinggalkan, maka ibadahnya tidak sah. Rukun haji tersebut adalah&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Niat&lt;/b&gt;: Berniat untuk memulai ibadah haji&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Wukuf di Arafah&lt;/b&gt;: Hadir dan berdiam diri di Padang Arafah pada waktu yang ditentukan&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Thawaf&lt;/b&gt;: Mengelilingi Ka&#39;bah sebanyak 7 kali&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Sa&#39;i&lt;/b&gt;: Berjalan dan berlari kecil antara bukit Shafa dan Marwah sebanyak 7 kali&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mencukur dan Memendekkan Rambut (Tahallul)&lt;/b&gt;: Memotong atau memendekkan rambut kepala&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Rukun Umrah (Harus Berurutan):&lt;/h2&gt;

&lt;p&gt;Rukun umroh sama persis dengan rukun haji, kecuali wuquf di Arafah. Adapun urutannya adalah:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Niat&lt;/b&gt;: Berniat untuk memulai ibadah haji&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Thawaf&lt;/b&gt;: Mengelilingi Ka&#39;bah sebanyak 7 kali&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Sa&#39;i&lt;/b&gt;: Berjalan dan berlari kecil antara bukit Shafa dan Marwah sebanyak 7 kali&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mencukur dan Memendekkan Rambut (Tahallul)&lt;/b&gt;: Memotong atau memendekkan rambut kepala&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Perbedaan Utama Antara Haji dan Umrah&lt;/h2&gt;

&lt;p&gt;Agar kita tidak bingung atau tertukar, berikut tabel perbandingan perbedaan utama antara Haji dan Umrah menurut Kitab Al-Mabadi&#39;ul Fiqhiyyah Juz 3:&lt;/p&gt;

&lt;div style=&quot;overflow-x: auto;&quot;&gt;
    &lt;table class=&quot;table&quot;&gt;
&lt;thead&gt;
    &lt;tr&gt;
    &lt;th style=&quot;text-align: center; vertical-align: middle;&quot;&gt;Poin Perbedaan&lt;/th&gt;
    &lt;th style=&quot;text-align: center; vertical-align: middle;&quot;&gt;Ibadah Haji&lt;/th&gt;
    &lt;th style=&quot;text-align: center; vertical-align: middle;&quot;&gt;Ibadah Umrah&lt;/th&gt;
    &lt;/tr&gt;&lt;/thead&gt;
&lt;tbody&gt;
    &lt;tr&gt;
    &lt;td style=&quot;text-align: left; vertical-align: middle;&quot;&gt;Rukun Wukuf di Arafah&lt;/td&gt;
    &lt;td&gt;Memiliki rukun Wukuf di Arafah&lt;/td&gt;
    &lt;td&gt;Tidak ada rukun Wukuf di Arafah&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
    &lt;td style=&quot;text-align: left; vertical-align: middle;&quot;&gt;Kewajiban Khusus (Wajib Haji/Umrah)&lt;/td&gt;
    &lt;td&gt;Memiliki amalan wajib haji seperti ihram dari miqat, bermalam di Muzdalifah, bermalam di Mina, melontarkan jumrah (ula, wustha, aqabah), dan thawaf wada&#39;&lt;/td&gt;
    &lt;td&gt;Tidak memiliki amalan wajib khusus seperti wukuf, bermalam di Muzdalifah/Mina, maupun melontar jumrah&lt;/td&gt;
    &lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;/div&gt;

&lt;h2&gt;Yang Diwajibkan Waktu Haji&lt;/h2&gt;

&lt;p&gt;Dalam kitab mabadiul Fiqhiyyah Juz 3 disebutkan;&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
وَاجِبَاتُ الـحَجِّ: (١) الإحْرَامُ مِنَ الْمِيْقَاتِ. (٢) الْمَبِيْتُ بِمُزْدَلِفَةَ. (٣) الْمَبِيْتُ بِمِنَى. (٤) رَمْيُ الْـجِمَارِ. (٥) طَوَافُ الوَدَاعِ لِمَنْ أرَادَ فِرَاقَ مَكَّةَ
&lt;/p&gt;

&lt;p&gt;Yang ّWajib Waktu Berhaji:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;Ihram dari miqat (tempat ihram dimulai)&lt;/li&gt;
    &lt;li&gt;Bermalam di Muzdalifah&lt;/li&gt;
    &lt;li&gt;Bermalam di Mina&lt;/li&gt;
    &lt;li&gt;Melontarkan jumrah (jumrah ula, wushta, dan aqabah)&lt;/li&gt;
    &lt;li&gt;Thawaf wada’ (mohon diri) bagi orang yang hendak pulang ke negerinya&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Yang Disunnahkan Waktu Haji&lt;/h2&gt;

&lt;p&gt;Dalam kitab mabadiul Fiqhiyyah Juz 3 disebutkan;&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
سُنَنُ الْـحَجِّ كَثِيْرَةٌ مِنْهَا: الغُسْلُ لِلْإحْرَامِ وَلِلْوُقُوْفِ وَلِرَمْيِ الْـجِمَارِ أيَّامَ التَّشْرِيْقِ وَالتَّطَيُّبُ قُبَيْلَ الإحْرَامِ وَلَبْسُ إزَارٍ وَرِدَاءٍ جَدِيْدَيْنِ أبْـيَضَيْنِ وَالتَّـلْبِيَةُ وَالذِّكْرُ وَالوُقُوْفُ وَالدُّعَاءُ بِالْمَشْعَرِ الْـحَرَامِ
&lt;/p&gt;

&lt;p&gt;Yang Disunnahkan Waktu Berhaji, dan yang menjadi Sunnahnya haji itu banyak, antara lain ialah;&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;Mandi untuk berihram, berwuquf dan untuk melontar jumrah pada hari-hari tasyrik&lt;/li&gt;
    &lt;li&gt;Memakai wangi-wangian sebelum berihram&lt;/li&gt;
    &lt;li&gt;Memakai kain panjang (sebagai penutup tubuh bagian bawah) dan selendang (penutup bagian atas) yang baru dan berwarna putih&lt;/li&gt;
    &lt;li&gt;Mengucapkan Talbiyah dan dzikir, juga diwaktu wuquf dan diwaktu berdo’a di Masjidil Haram&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Bagaimana Jika ada Orang yang Meninggalkan Salah Satu Rukun dari Rukun-Rukunnya Haji?&lt;/h2&gt;

&lt;p&gt;Dalam kitab mabadiul Fiqhiyyah Juz 3 disebutkan;&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
مَنْ تَرَكَ رُكْـنَا مِنْ أرْكَانِ الْـحَجِّ: مَنْ تَرَكَ رُكـنَا مِنْ أرْكَانِ الْـحَجِّ أوِ الْعُمْرَةِ لَا يَحِلُّ مِنْ إحْرَامِهِ حَتَّى يَأتِي بِهِ، إلَّا الْوُقُوْفَ فَإنَّهُ إذَا فَاتَهُ يَـتَحَلَّلُ بِعَمَلِ عُمْرَةٍ، وَيَجِبُ عَلَيْهِ قَضَاءُ الْـحَجِّ
&lt;/p&gt;

&lt;p&gt;&quot;Orang-orang yang meninggalkan salah satu rukun dari rukun-rukunnya haji. Barangsiapa yang meninggalkan salah satu rukun haji dan umrah, maka tidak diperkenankan melepaskan ihramnya sampai ia menunaikan apa yang ditinggalkan kecuali Wuquf. Bila orang itu terlambat dari saatnya wuquf, maka ia boleh tahallul (melepaskan) dengan jalan berumrah. Orang yang demikian berkewajiban mengqadha’ hajinya dan wajib membayar fidyah dam (menyembelih kambing) di tanah suci.&quot;&lt;/p&gt;

&lt;h2&gt;Bagaimana jika ada orang Meninggalkan Apa yang Diwajibkan atau Disunnahkan Ketika Haji?&lt;/h2&gt;

&lt;p&gt;Dalam kitab mabadiul Fiqhiyyah Juz 3 disebutkan;&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
مَنْ تَرَكَ وَاجِبًا أوْ سُنَّةً: مَنْ تَرَكَ وَاجِبًا يَجِبُ عَلَيْهِ ذَبْحُ شَاةٍ بِالحَـرَمِ، فَإنْ عَجَزَ فَصَوْمُ ثَلَاثَةَ أيَّاٍم قَبْلَ النَّحْرِ وَسَبْعَةٍ فِي وَطَنِهِ، وَمَنْ تَرَكَ سُنَّةً لَا يَـلْزَمُهُ شَيْ
&lt;/p&gt;

&lt;p&gt;&quot;&quot;Orang-orang yang meninggalkan apa yang diwajibkan atau disunnahkan ketika haji. Barangsiapa yang meninggalkan kewajiban haji, maka ia wajib menyembelih seekor kambing di tanah suci, sedang kalau tidak mampu maka wajib mengganti dengan berpuasa tiga hari sebelum hari nahar (hari Adha) dan melanjutkan puasanya tujuh hari lagi setelah kembali ke tanah airnya. Mengenai orang yang meninggalkan Sunah haji, maka orang itu tidak dikenai kewajiban apa-apa&lt;/p&gt;

&lt;h2&gt;Yang Diharamkan Selama Berihram&lt;/h2&gt;

&lt;p&gt;Dalam kitab mabadiul Fiqhiyyah Juz 3 disebutkan;&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;مُـحَرَّمَاتُ الْإحْرَامِ: (١) لُـبْسُ الْمُحِيْطِ، (٢) سَتْرُ الرَّأْسِ لِلرَّجُلِ وَوَجْهِ الْـمَرْأَةِ وَكَفَّيْهَا، (٣) التَّطَيُّبُ، (٤) تَسْرِيْحُ الشَّعْر بِالدُّهْنِ، (٥) حَلْقُ الشَّعْرِ، (٦) تَـقْلِيْمُ الْأظَافِرِ، (٧) الْـجِمَاعُ، ٨ عَقْدُ النِّكَاحِ، (٩) الصَّيْدُ، (١٠) قَطْعُ أشْجَارِ الْـحَرَمِ&lt;/p&gt;

&lt;p&gt;Adapun hal-hal yang diharamkan selama berihram, adalah:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;Memakai pakaian yang ada jahitannya&lt;/li&gt;
    &lt;li&gt;Menutup kepala bagi lelaki, dan bagi perempuan menutup wajah dan kedua telapak tangan&lt;/li&gt;
    &lt;li&gt;Memakai wangi-wangian&lt;/li&gt;
    &lt;li&gt;Menyisir dan berminyak rambut.&lt;/li&gt;
    &lt;li&gt;Mencukur rambut&lt;/li&gt;
    &lt;li&gt;Memotong kuku&lt;/li&gt;
    &lt;li&gt;Berjima’&lt;/li&gt;
    &lt;li&gt;Melaksanakan akad nikah&lt;/li&gt;
    &lt;li&gt;Berburu&lt;/li&gt;
    &lt;li&gt;Memotong pohon di tanah suci&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Hal-Hal yang Menjadi Wajib Karena Pelanggaran Terhadap yang Diharamkan ketika Berihram&lt;/h2&gt;

&lt;p&gt;Dalam kitab mabadiul Fiqhiyyah Juz 3 disebutkan;&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
مَا يَجِبُ بِفِعْلِ مُحَرَّمَاتِ اْلإحْرَامِ: يَجِبُ بِفِعْلِهَا الفِدْيَةُ بِشَاةٍ تُذْبَحُ وَيُتَصَدَّقُ بِهَا فِي الْـحَرَمِ أوْ إطْعَامِ ثَلَاثَةِ أصُوْعٍ لِسِتَّةِ مَسَاكِيْنَ، إلّا عَقْدُ النِّكَاحِ فَلَا شَيْءَ فِيْهِ. وَالْوَطْءُ عَمْدًا يُفْسِدُ الْـحّجَّ أمَّا الصَّيْدُ وَقَطْعُ الْأشَجارِ بِالْـحَرَمِ فَالْأوَّلُ فِيْهِ ذَبْحُ نَعَمٍ مِثْلِهِ أوْ إطْعَامٌ بِقِيْمَتِهِ، وَالثَّانِي بَقَرَةٌ لِلشَّجَرَةِ الكَبِيْرَةِ، وَشَاةٌ لِلشَّجَرَةِ الصَّغِيْرَةِ
&lt;/p&gt;


&lt;p&gt;Hal-Hal yang Menjadi Wajib Karena Pelanggaran Terhadap yang Diharamkan ketika Berihram. Dengan sebab pelanggaran terhadap yang diharamkan ketika ihram, maka orang itu wajib membayar fidyah dengan menyembelih kambing dan menyedekahkannya di tanah suci, atau dengan memberi makan 3 sha’ untuk orang miskin&lt;/p&gt;

&lt;p&gt;Denda dari pelanggaran ini tidak termasuk mereka yang melaksanakan akad nikah (karena memang tidak terkena denda apa-apa). Adapun berjima’ dengan sengaja, maka batallah hajinya. Bagi yang berburu, maka berkewajiban menyembelih binatang yang serupa dengan binatang yang diburu (dalam hal besar dan kecilnya binatang) atau boleh juga dengan memberi makan yang harganya senilai dengan hewan buruannya, kalau menebang pohon, maka diwajibkan menyembelih lembu kalau yang ditebang itu pohon yang besar dan kambing kalau yang ditebang itu pohon kecil.&lt;/p&gt;

&lt;hr /&gt;
&lt;p class=&quot;note&quot;&gt;
    &lt;b&gt;Catatan Penting Ukuran &lt;i&gt;Sha&#39;&lt;/i&gt;:&lt;/b&gt;&lt;br /&gt;
    &lt;/p&gt;&lt;ol&gt;
        &lt;li&gt;Berdasarkan Konversi Berat (Beras) 
            &lt;ul&gt;
                &lt;li&gt;&lt;a href=&quot;https://baznas.go.id/zakatfitrah&quot;&gt;Standar BAZNAS&lt;/a&gt; (2,5 kg per sha&#39;)&lt;/li&gt;
                &lt;li&gt;&lt;a href=&quot;https://www.rumahzakat.org/berapa-kilo-beras-untuk-zakat-fitrah/&quot;&gt;Standar MUI&lt;/a&gt; / Untuk kehati-hatian (3 kg per sha&#39;)&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;Berdasarkan Takaran Volume (Liter) &lt;a href=&quot;https://baznas.go.id/zakatfitrah&quot;&gt;BAZNAS&lt;/a&gt;
            &lt;ul&gt;
                &lt;li&gt;Di Indonesia, 1 sha&#39; juga sering disetarakan dengan 3,5 liter beras&lt;/li&gt;
                &lt;li&gt;Hitungan: 3 sha&#39; × 3,5 liter = 10,5 liter beras.&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;Jika Dikonversi ke Bentuk Uang (Rupiah)&lt;br /&gt;
            Jika Anda ingin menggantinya dengan uang tunai untuk membelikan makanan yang layak bagi orang miskin, nilainya disesuaikan dengan harga beras setempat. Berdasarkan &lt;a href=&quot;https://baznas.go.id/zakatfitrah&quot;&gt;ketetapan nasional BAZNAS&lt;/a&gt;, nilai 1 sha&#39; makanan pokok setara dengan Rp50.000
        &lt;/li&gt;
    &lt;/ol&gt;
&lt;p&gt;&lt;/p&gt;
&lt;hr /&gt;

&lt;h2&gt;Syarat-Syarat Thawaf dan Sa&#39;i&lt;/h2&gt;

&lt;p&gt;Agar ibadah Thawaf dan Sa&#39;i yang kita lakukan sah di hadapan Allah SWT, ada syarat-syarat khusus yang wajib dipenuhi sesuai dengan ketentuan dalam Kitab Al-Mabadi&#39;ul Fiqhiyyah Juz 3. kita pelajari syarat-syaratnya secara mendalam dalam keterangan dibawah ini&lt;/p&gt;

&lt;h3&gt;1. Syarat-Syarat Bertawaf (Mengelilingi Ka&#39;bah)&lt;/h3&gt;

&lt;p&gt;Thawaf adalah ibadah mengelilingi Ka&#39;bah. Berdasarkan ajaran fiqih, thawaf seseorang dinyatakan sah apabila memenuhi 7 syarat berikut&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Suci dari Hadats dan Najis&lt;/b&gt;:&lt;br /&gt;Orang yang ber thawaf harus suci dari hadats kecil (berwudhu) maupun hadats besar, serta bersih dari najis pada badan, pakaian, dan tempat&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menutup Aurat&lt;/b&gt;: &lt;br /&gt;Wajib menutup aurat secara sempurna selama proses thawaf berlangsung&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Memulainya dari Hajar Aswad&lt;/b&gt;: &lt;br /&gt;Awal putaran thawaf harus dimulai dari posisi yang sejajar dengan Hajar Aswad&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Posisi Ka&#39;bah di Sebelah Kiri&lt;/b&gt;: &lt;br /&gt;Saat berjalan mengelilingi Ka&#39;bah, posisi bangunan Ka&#39;bah harus selalu berada di sebelah kiri orang yang bertawaf&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Tidak Ada Tujuan Lain&lt;/b&gt;: &lt;br /&gt;Selama mengelilingi Ka&#39;bah, tidak boleh berniat atau bertujuan untuk hal lain selain semata-mata melakukan thawaf&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mencapai Tujuh Kali Putaran&lt;/b&gt;: &lt;br /&gt;Thawaf dilaksanakan genap sebanyak 7 kali putaran&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Berniat Niat Thawaf&lt;/b&gt;: &lt;br /&gt;Diwajibkan berniat thawaf apabila thawaf yang dikerjakan bukan merupakan bagian dari thawaf nusuk (thawaf rangkaian ibadah haji atau umrah)&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;2. Syarat-Syarat Sa&#39;i (Berjalan Antara Bukit Shafa dan Marwah)&lt;/h3&gt;

&lt;p&gt;Sa&#39;i adalah berjalan dan berlari-lari kecil di antara bukit Shafa dan bukit Marwah. Menurut Kitab Al-Mabadi&#39;ul Fiqhiyyah Juz 3, pelaksanaan sa&#39;i memiliki 3 syarat sah:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Dilakukan Setelah Thawaf yang Sah&lt;/b&gt;: &lt;br /&gt;Sa&#39;i baru dianggap sah apabila dikerjakan setelah menyelesaikan ibadah thawaf yang sah terlebih dahulu&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Dimulai dari Bukit Shafa dan Diakhiri di Bukit Marwah&lt;/b&gt;: &lt;br /&gt;Perjalanan sa&#39;i wajib diawali dari bukit Shafa dan diakhiri di bukit Marwah&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mencapai Tujuh Kali Perjalanan&lt;/b&gt;: &lt;br /&gt;Sa&#39;i dilakukan sebanyak 7 kali perjalanan (perjalanan dari Shafa ke Marwah dihitung satu kali, dan dari Marwah ke Shafa dihitung satu kali)&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Kesimpulan&lt;/h2&gt;

&lt;p&gt;Ringkasan Materi: &lt;a href=&quot;diniyah.my.id&quot;&gt;Ibadah Haji dan Umrah&lt;/a&gt; merupakan kewajiban fardhu sekali seumur hidup bagi setiap Muslim yang memenuhi syarat wajib, yaitu Islam, merdeka, mukallaf, sehat, mampu secara finansial, dan aman perjalanannya. Perbedaan paling mendasar di antara keduanya terletak pada rukunnya: haji wajib melaksanakan wuquf di Arafah, sedangkan umrah tidak memiliki rukun wuquf di Arafah&lt;/p&gt;

&lt;p&gt;Sebagai penutup pada artikel materi kali ini, Meskipun saat ini kita masih duduk di bangku sekolah, bukan berarti kita tidak bisa bersiap-siap. Yuk, rajin beribadah, tingkatkan semangat belajar, dan selipkan doa di setiap sujud kita agar Allah SWT memberikan rezeki, kesehatan, dan kesempatan bagi kita semua untuk dapat berkunjung ke Baitullah kelak. Amiin!&lt;/p&gt;

&lt;h2&gt;Latihan Soal&lt;/h2&gt;

&lt;p&gt;Setelah memahami materi fikih haji dan umroh, sekarang saatnya kita menguji pemahaman kita melalui latihan soal yang telah kami siapkan. Silahkan klik tombol di bawah ini untuk mengakses latihan soal&lt;/p&gt;

&lt;center&gt;&lt;a class=&quot;btn-new-tab btn-primary&quot; href=&quot;https://www.diniyah.my.id/2026/09/20-latihan-soal-fiqih-haji-umrah-kitab-mabadiul-fiqhiyyah-juz-3.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Latihan Soal&lt;/button&gt;&lt;/a&gt;&lt;/center&gt;

&lt;p&gt;Sekian artikel materi tentang Materi Fiqih Lengkap: &lt;a href=&quot;https://diniyah.my.id&quot;&gt;Fiqih Haji dan Umrah: Syarat, Rukun, &amp; Larangan saat Ihram (Mabadi&#39;ul Fiqhiyyah Juz 3)&lt;/a&gt; ini, semoga bermanfaat.&lt;/p&gt;

</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/899105024774689717/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/fiqih-haji-dan-umrah-syarat-rukun-larangan-saat-Ihram-mabadiul-fiqhiyyah-juz-3.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/899105024774689717'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/899105024774689717'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/fiqih-haji-dan-umrah-syarat-rukun-larangan-saat-Ihram-mabadiul-fiqhiyyah-juz-3.html' title='Fiqih Haji dan Umrah: Syarat, Rukun, &amp; Larangan saat Ihram (Mabadi&#39;ul Fiqhiyyah Juz 3)'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYJNsset3Cc0MXq5hKJL_sReNl-l24McHuAPjmOyg1irhyc_Ur0ghhdD5y7dS8QtWeuBsS6HcDq8HewvRtElNP2YliBTTw6Y4IMWeN6ZcRKuG10ncaoEPz359xfgl7cWl_Y18e5WdaOJ6a-XuAaUYAqeSvWzcPlse2jcTVLUVE15-PNxAjxsN57QOs5NQ/s72-c/materi-haji-umroh.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-7238811624417284993</id><published>2026-09-15T19:46:52.939+07:00</published><updated>2026-09-21T15:29:11.250+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahfidz"/><title type='text'>Uji Hafalan Tahfidz Juz 30 Tahap 2: Latihan Soal Surat Al-Ma&#39;un - Al-Qari&#39;ah </title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLodXPZY0RWBvyh5dbjl6BdyVpGysTl8XltBbu7wZMI7jMzWWLuP4AKBnXt1dPsIvtPXi4qw74Oa5hEptm9eknD1YZ7BTirxQSUqrWRbnQ3eAXa9YZheeE8-CWz9CMsRcbhFXGOhWOwswYKUSarBsNoiDGD53d_OR611KE_dA3R_3AmrtbdG8-0vyjsA/s1600/tahap-2-uji-hafalan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 2: Latihan Soal Surat Al-Ma&#39;un - Al-Qari&#39;ah Uji Hafalan Tahfidz Juz 30 Tahap 2: Latihan Soal Surat Al-Ma&#39;un - Al-Qari&#39;ah&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLodXPZY0RWBvyh5dbjl6BdyVpGysTl8XltBbu7wZMI7jMzWWLuP4AKBnXt1dPsIvtPXi4qw74Oa5hEptm9eknD1YZ7BTirxQSUqrWRbnQ3eAXa9YZheeE8-CWz9CMsRcbhFXGOhWOwswYKUSarBsNoiDGD53d_OR611KE_dA3R_3AmrtbdG8-0vyjsA/s1600/tahap-2-uji-hafalan.webp&quot; title=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 2: Latihan Soal Surat Al-Ma&#39;un - Al-Qari&#39;ah&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Menghafal Al-Qur&#39;an, khususnya Juz 30 (Juz &#39;Amma), merupakan langkah awal yang sangat penting bagi para santri maupun pelajar muslim. Sebagai tahapan dasar, evaluasi muraja&#39;ah (mengulang hafalan) perlu dilakukan secara berkala agar bacaan (fashohah)tetap bagus, ancar dan kuat. Pada kesempatan kali ini, &lt;a href=&quot;https://diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; menyajikan sarana evaluasi mandiri bagi kalian melalui &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-2-latihan-soal-surat-al-maun-al-qariah.html&quot;&gt;&lt;/a&gt;. Sesi latihan soal ini berfokus pada kelompok surat-surat pendek di juz 30 yang mencakup Surat An-Ma&#39;un hingga Surat Al-Qari&#39;ah (Surat ke-114 sampai 108)&lt;/p&gt;

&lt;p&gt;Latihan soal Uji Hafalan Tahap 2 ini merupakan lanjutan dari soal Uji Hafalan Tahfidz Juz 30 Tahap 1, yang di khususkan untuk menguji kelancaran hafalan serta pemahaman para siswa atau santri dengan cara yang lebih modern dan mudah. Dilengkapi dengan sistem penghitungan nilai otomatis di akhir kuis, sehingga proses evaluasi belajar menjadi lebih terukur dan menyenangkan.&lt;/p&gt;

&lt;p&gt;Jika masih penasaran dengan hasil soal latihan sebelumnya, silahkan kerjakan lagi dengan klik materi &lt;a href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-1-latihan-soal-surat-an-naas-al-kautsar.html&quot;&gt;Uji Hafalan Al-Qur&#39;an Juz 30 | Tahap 1&lt;/a&gt; ini&lt;/p&gt;

&lt;h2&gt;Materi Soal latihan Uji Hafalan&lt;/h2&gt;

&lt;p&gt;Adapun materi menghafal kali ini fokus kepada hafalan Surah Al-Ma&#39;un sampai Surah Al-Qari&#39;ah (Surah 107–101), dengan kreteria soal:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;10 Soal sambung ayat, dan;&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;5 Soal sambung surat&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Yang meliputi;&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Ma’un&lt;/b&gt; (QS. Makkiyah 7 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Quraisy&lt;/b&gt; (QS. Makkiyah 4 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Fiil&lt;/b&gt; (QS. Makkiyah 5 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Humazah&lt;/b&gt; (QS. Makkiyah 9 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Ashr&lt;/b&gt; (QS. Makkiyah 3 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat At-Takatsur&lt;/b&gt; (QS. Makkiyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Qori’ah&lt;/b&gt; (QS. Makkiyah 11 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk memulai latihan, silakan isi nama lengkap, kelas, dan nomor absen pada kolom identitas di bawah ini, lalu klik tombol &quot;Mulai Mengerjakan&quot; dan kerjakan soal dengan jujur dan teliti. Selamat mengerjakan!&lt;/p&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FnVi7LQ87MXWwnyJko-5WbcNp60Exp76uUx6T-UsYLMwj-ucOgCQnnCJM-7KUQJIt2PMhlXwQvtt_DfoosmQqQAJKgStJBOShqOUwZkqwgixOPReJ-gWvGLW-k_XAsgw6Hssl5tqJS2778JyCU4un-4IvpAtPrKn3wpYk-P-Hkrwu1XZr4bB1S1X4l4/s1600/tahfidz-juz-30.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

    &lt;h2&gt;Uji hafalan Tahfidz Juz 30 | Tahap 2&lt;/h2&gt;
    &lt;p&gt;&lt;b id=&quot;teksJudulMateri&quot;&gt;Al-Qur&#39;an Surat An-Ma&#39;un s.d. Surat Al-Qari&#39;ah&lt;/b&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;

    &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;/div&gt;

    &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;يَوْمَ يَكُوْنُ النَّاسُ كَالْفَرَاشِ الْمَبْثُوْثِۙ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَآ اَدْرٰىكَ مَا الْقَارِعَةُ ۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَاَمَّا مَنْ ثَقُلَتْ مَوَازِينُهٗۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَتَكُوْنُ الْـجِبَالُ كَالْعِهْنِ الْمَنْفُوْشِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;فَهُوَ فِيْ عِيْشَةٍ رَّاضِيَةٍۗ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَهُوَ فِيْ عِيْشَةٍ رَّاضِيَةٍۗ ﴿٧﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَآ اَدْرٰىكَ مَا الْقَارِعَةُ ۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَاَمَّا مَنْ ثَقُلَتْ مَوَازِينُهٗۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَتَكُوْنُ الْـجِبَالُ كَالْعِهْنِ الْمَنْفُوْشِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَاَمَّا مَنْ خَفَّتْ مَوَازِيْـنُهٗۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;ثُمَّ كَلَّا سَوْفَ تَعْلَمُوْنَ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;كَلَّا سَوْفَ تَعْلَمُوْنَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;كَلَّا لَوْ تَعْلَمُوْنَ عِلْمَ الْيَقِيْنِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;ثُمَّ لَتَرَوُنَّهَا عَيْنَ الْيَقِيْنِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;ثُمَّ لَتُسْـَٔلُنَّ يَوْمَىِٕذٍ عَنِ النَّعِيْمِ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;لَتَرَوُنَّ الْـجَحِيْمَۙ ﴿٦﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;كَلَّا سَوْفَ تَعْلَمُوْنَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;كَلَّا لَوْ تَعْلَمُوْنَ عِلْمَ الْيَقِيْنِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;ثُمَّ لَتَرَوُنَّهَا عَيْنَ الْيَقِيْنِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;ثُمَّ لَتُسْـَٔلُنَّ يَوْمَىِٕذٍ عَنِ النَّعِيْمِ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّ الْاِنْسَانَ لَفِيْ خُسْرٍۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;كَلَّا سَوْفَ تَعْلَمُوْنَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;كَلَّا لَوْ تَعْلَمُوْنَ عِلْمَ الْيَقِيْنِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;ثُمَّ لَتَرَوُنَّهَا عَيْنَ الْيَقِيْنِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِلَّا الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ وَتَوَاصَوْا بِالْـحَقِّ ۙ وَتَوَاصَوْا بِالصَّبْرِ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اَلَّذِيْ جَمَعَ مَالًا وَّعَدَّدَهٗۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;نَارُ اللّٰهِ الْمُوْقَدَةُۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَمَآ اَدْرٰىكَ مَا الْـحُطَمَةُ ۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;كَلَّا لَـيُـنْبَذَنَّ فِى الْـحُطَمَةِۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;يَحْسَبُ اَنَّ مَالَهٗ اَخْلَدَهٗۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَمَآ اَدْرٰىكَ مَا الْـحُطَمَةُ ۗ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمَآ اَدْرٰىكَ مَا الْـحُطَمَةُ ۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;كَلَّا لَـيُـنْبَذَنَّ فِى الْـحُطَمَةِۖ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;نَارُ اللّٰهِ الْمُوْقَدَةُۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;يَحْسَبُ اَنَّ مَالَهٗ اَخْلَدَهٗۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اَلَمْ يَجْعَلْ كَيْدَهُمْ فِيْ تَضْلِيْلٍۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَـجَعَلَهُمْ كَعَصْفٍ مَّأْكُوْلٍ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;تَرْمِيْهِمْ بِحِجَارَةٍ مِّنْ سِجِّيْلٍۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَّاَرْسَلَ عَلَيْهِمْ طَيْرًا اَبَابِـيْلَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;يَحْسَبُ اَنَّ مَالَهٗ اَخْلَدَهٗۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَـلْيَعْبُدُوْا رَبَّ هٰذَا الْـبَيْتِۙ ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اٖلٰفِهِمْ رِحْلَةَ الشِّتَاۤءِ وَالصَّيْفِۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;تَرْمِيْهِمْ بِحِجَارَةٍ مِّنْ سِجِّيْلٍۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;الَّذِيْ اَطْعَمَهُمْ مِّنْ جُوْعٍ ۙ وَّاٰمَنَهُمْ مِّنْ خَوْفٍ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;يَحْسَبُ اَنَّ مَالَهٗ اَخْلَدَهٗۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَذٰلِكَ الَّذِيْ يَدُعُّ الْيَتِيْمَۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَوَيْلٌ لِّلْمُصَلِّيْنَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَلَا يَحُضُّ عَلٰى طَعَامِ الْمِسْكِيْنِۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;الَّذِيْنَ هُمْ يُرَاۤءُوْنَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;الَّذِيْنَ هُمْ عَنْ صَلَاتِهِمْ سَاهُوْنَۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَـجَعَلَهُمْ كَعَصْفٍ مَّأْكُوْلٍ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لِاِيْلٰفِ قُرَيْشٍۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اَلْـهٰىكُمُ التَّكَاثُرُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالْعَصْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَيْلٌ لِّكُلِّ هُمَزَةٍ لُّـمَزَةٍۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فِيْ عَمَدٍ مُّمَدَّدَةٍ ﴿٩﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لِاِيْلٰفِ قُرَيْشٍۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اَلْـهٰىكُمُ التَّكَاثُرُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اَلَمْ تَرَ كَيْفَ فَعَلَ رَبُّكَ بِاَصْحٰبِ الْفِيْلِۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَيْلٌ لِّكُلِّ هُمَزَةٍ لُّـمَزَةٍۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِلَّا الَّذِيْنَ اٰمَنُوْا وَعَمِلُوا الصّٰلِحٰتِ وَتَوَاصَوْا بِالْـحَقِّ ۙ وَتَوَاصَوْا بِالصَّبْرِ ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لِاِيْلٰفِ قُرَيْشٍۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اَلْـهٰىكُمُ التَّكَاثُرُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، اَلَمْ تَرَ كَيْفَ فَعَلَ رَبُّكَ بِاَصْحٰبِ الْفِيْلِۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَيْلٌ لِّكُلِّ هُمَزَةٍ لُّـمَزَةٍۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;ثُمَّ لَتُسْـَٔلُنَّ يَوْمَىِٕذٍ عَنِ النَّعِيْمِ ﴿٨﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لِاِيْلٰفِ قُرَيْشٍۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اَلْـهٰىكُمُ التَّكَاثُرُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالْعَصْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَيْلٌ لِّكُلِّ هُمَزَةٍ لُّـمَزَةٍۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;نَارٌ حَامِيَةٌ ﴿١١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، لِاِيْلٰفِ قُرَيْشٍۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، اَلْـهٰىكُمُ التَّكَاثُرُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، وَالْعَصْرِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، وَيْلٌ لِّكُلِّ هُمَزَةٍ لُّـمَزَةٍۙ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;


    &lt;/div&gt; &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;Kembali&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;Selanjutnya&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;Selesai &amp;amp; Lihat Nilai&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;


&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 15;
    const kunciJawaban = {
    soal1: &quot;C&quot;, 
    soal2: &quot;D&quot;, 
    soal3: &quot;B&quot;, 
    soal4: &quot;C&quot;, 
    soal5: &quot;D&quot;,
    soal6: &quot;D&quot;, 
    soal7: &quot;C&quot;, 
    soal8: &quot;C&quot;, 
    soal9: &quot;C&quot;, 
    soal10: &quot;B&quot;,
    soal11: &quot;A&quot;, 
    soal12: &quot;C&quot;, 
    soal13: &quot;D&quot;, 
    soal14: &quot;D&quot;, 
    soal15: &quot;B&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

&lt;p&gt;Demikianlah latihan &lt;a href=&quot;diniyah.my.id&quot;&gt;Uji Hafalan Tahfidz Juz 30 tahap 2&lt;/a&gt; ini. Berapapun skor akhir yang berhasil kita peroleh hari ini, jadikanlah hasil tersebut sebagai motivasi untuk terus semangat dalam memperbaiki bacaan dan mengulang-ulang hafalan Al-Qur&#39;an. Jangan lupa untuk membagikan (share) tautan halaman kuis ini kepada teman-teman, rekan santri, maupun keluarga agar mereka juga dapat mengukur kelancaran hafalannya. Nantikan terus update materi pembelajaran, soal latihan, dan kuis interaktif pendidikan agama Islam selanjutnya hanya di diniyah.my.id. Tetap istiqamah belajar dan semoga kita semua digolongkan ke dalam barisan Ahlul Qur&#39;an. Amin.&lt;/p&gt;




</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/7238811624417284993/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-2-latihan-soal-surat-al-maun-al-qariah.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/7238811624417284993'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/7238811624417284993'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-2-latihan-soal-surat-al-maun-al-qariah.html' title='Uji Hafalan Tahfidz Juz 30 Tahap 2: Latihan Soal Surat Al-Ma&#39;un - Al-Qari&#39;ah '/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLodXPZY0RWBvyh5dbjl6BdyVpGysTl8XltBbu7wZMI7jMzWWLuP4AKBnXt1dPsIvtPXi4qw74Oa5hEptm9eknD1YZ7BTirxQSUqrWRbnQ3eAXa9YZheeE8-CWz9CMsRcbhFXGOhWOwswYKUSarBsNoiDGD53d_OR611KE_dA3R_3AmrtbdG8-0vyjsA/s72-c/tahap-2-uji-hafalan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-5428575862420963896</id><published>2026-09-15T16:58:53.387+07:00</published><updated>2026-09-21T15:28:48.512+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahfidz"/><title type='text'>Uji Hafalan Tahfidz Juz 30 Tahap 1: Latihan Soal Surat An-Naas - Al-Kautsar</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGMcVlO0d8bCn19TPmewgCoxzVn1tLyGLBnvVXFac3W36OyDtUH0RqtZwdVcyXjvwgnxHGHI86ilqiCfzKae00iFA4Rde8V1M5SNAfOVxmGuyrHHQ9s5RD7msCYsXNOAVZup13jCJfCOHEaNZI0aTdD84D-f-fr1dB7Sf3Hd9hJqLQmp-ZTKdW3wi_Mo/s1600/tahap-1-uji-hafalan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 1: Latihan Soal Surat An-Naas - Al-Kautsar&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGMcVlO0d8bCn19TPmewgCoxzVn1tLyGLBnvVXFac3W36OyDtUH0RqtZwdVcyXjvwgnxHGHI86ilqiCfzKae00iFA4Rde8V1M5SNAfOVxmGuyrHHQ9s5RD7msCYsXNOAVZup13jCJfCOHEaNZI0aTdD84D-f-fr1dB7Sf3Hd9hJqLQmp-ZTKdW3wi_Mo/s1600/tahap-1-uji-hafalan.webp&quot; title=&quot;Uji Hafalan Tahfidz Juz 30 Tahap 1: Latihan Soal Surat An-Naas - Al-Kautsar&quot; /&gt;&lt;/a&gt;&lt;/div&gt;


&lt;p&gt;Menghafal Al-Qur&#39;an, khususnya Juz 30 (Juz &#39;Amma), merupakan langkah awal yang sangat penting bagi para santri maupun pelajar muslim. Sebagai tahapan dasar, evaluasi muraja&#39;ah (mengulang hafalan) perlu dilakukan secara berkala agar bacaan tetap mutqin (lancar dan kuat). Pada kesempatan kali ini, diniyah.my.id menyajikan sarana evaluasi mandiri melalui uji hafalan Tahfidz Juz 30 Tahap 1. Sesi latihan soal ini berfokus pada kelompok surat-surat pendek bagian akhir, yang mencakup Surat An-Naas hingga Surat Al-Kautsar (Surat ke-114 sampai 108)&lt;/p&gt;

&lt;p&gt;Latihan soal interaktif ini dirancang khusus untuk menguji kelancaran hafalan serta pemahaman para siswa atau santri dengan cara yang lebih modern dan mudah. Dilengkapi dengan sistem penghitungan nilai otomatis di akhir kuis, sehingga proses evaluasi belajar menjadi lebih terukur dan menyenangkan.&lt;/p&gt;

&lt;h2&gt;Materi Soal latihan Uji Hafalan&lt;/h2&gt;

&lt;p&gt;Adapun materi menghafal kali ini fokus kepada hafalan Surah An-Naas sampai Surah Al-Kautsar (Surah 114–108), dengan kreteria soal:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;10 Soal sambung ayat, dan;&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;5 Soal sambung surat&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Yang meliputi;&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Surat An-Naas&lt;/b&gt; (QS. Makkiyah 6 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Falaq&lt;/b&gt; (QS. Makkiyah 5 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Ikhlas&lt;/b&gt; (QS. Makkiyah 4 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Lahab&lt;/b&gt; (QS. Makkiyah 5 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat An-Nashr&lt;/b&gt; (QS. Madaniyah 3 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al Kafirun&lt;/b&gt; (QS. Makkiyah 6 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surat Al-Kautsar&lt;/b&gt; (QS. Makkiyah 3 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk memulai latihan, silakan isi nama lengkap, kelas, dan nomor absen pada kolom identitas di bawah ini, lalu klik tombol &quot;Mulai Mengerjakan&quot; dan kerjakan soal dengan jujur dan teliti. Selamat mengerjakan!&lt;/p&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-FnVi7LQ87MXWwnyJko-5WbcNp60Exp76uUx6T-UsYLMwj-ucOgCQnnCJM-7KUQJIt2PMhlXwQvtt_DfoosmQqQAJKgStJBOShqOUwZkqwgixOPReJ-gWvGLW-k_XAsgw6Hssl5tqJS2778JyCU4un-4IvpAtPrKn3wpYk-P-Hkrwu1XZr4bB1S1X4l4/s1600/tahfidz-juz-30.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

    &lt;h2&gt;Uji hafalan Tahfidz Juz 30 | Tahap 1&lt;/h2&gt;
    &lt;p&gt;&lt;b id=&quot;teksJudulMateri&quot;&gt;Al-Qur&#39;an Surat An-Naas s.d. Surat Al-Kautsar&lt;/b&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;

    &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;/div&gt;

    &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّآ اَعْطَيْنٰكَ الْكَوْثَرَۗ ﴿١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِنَّ شَانِـئَكَ هُوَ الْأَبْتَرُ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَصَلِّ لِرَبِّكَ وَانْحَرْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;لَآ اَعْبُدُ مَا تَعْبُدُوْنَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَلَآ اَنْتُمْ عٰبِدُوْنَ مَآ اَعْبُدُۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;لَآ اَعْبُدُ مَا تَعْبُدُوْنَۙ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِنَّ شَانِـئَكَ هُوَ الْأَبْتَرُ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فَصَلِّ لِرَبِّكَ وَانْحَرْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;لَآ اَعْبُدُ مَا تَعْبُدُوْنَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَلَآ اَنْتُمْ عٰبِدُوْنَ مَآ اَعْبُدُۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;مَآ اَغْنٰى عَنْهُ مَالُهٗ وَمَا كَسَبَۗ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَّامْرَاَتُهٗ ۗحَمَّالَةَ الْـحَطَبِۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فِيْ جِيْدِهَا حَبْلٌ مِّنْ مَّسَدٍ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;تَـبَّتْ يَدَآ اَبِيْ لَـهَبٍ وَّتَبَّۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَيَصْلٰى نَارًا ذَاتَ لَـهَبٍۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَّامْرَاَتُهٗ ۗحَمَّالَةَ الْـحَطَبِۚ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَّامْرَاَتُهٗ ۗحَمَّالَةَ الْـحَطَبِۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فِيْ جِيْدِهَا حَبْلٌ مِّنْ مَّسَدٍ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;تَـبَّتْ يَدَآ اَبِيْ لَـهَبٍ وَّتَبَّۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَيَصْلٰى نَارًا ذَاتَ لَـهَبٍۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اَللّٰهُ الصَّمَدُۚ ﴿٢﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَلَمْ يَكُنْ لَّهٗ كُفُوًا اَحَدٌ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;فِيْ جِيْدِهَا حَبْلٌ مِّنْ مَّسَدٍ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;لَمْ يَلِدْ وَلَمْ يُوْلَدْۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَيَصْلٰى نَارًا ذَاتَ لَـهَبٍۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِذَا جَاۤءَ نَصْرُ اللّٰهِ وَالْفَتْحُۙ ﴿١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَسَبِّحْ بِحَمْدِ رَبِّكَ وَاسْتَغْفِرْهُۗ اِنَّهٗ كَانَ تَوَّابًا&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَرَاَيْتَ النَّاسَ يَدْخُلُوْنَ فِيْ دِيْنِ اللّٰهِ اَفْوَاجًاۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;لَمْ يَلِدْ وَلَمْ يُوْلَدْۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَيَصْلٰى نَارًا ذَاتَ لَـهَبٍۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَرَاَيْتَ النَّاسَ يَدْخُلُوْنَ فِيْ دِيْنِ اللّٰهِ اَفْوَاجًاۙ ﴿١﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;فَسَبِّحْ بِحَمْدِ رَبِّكَ وَاسْتَغْفِرْهُۗ اِنَّهٗ كَانَ تَوَّابًا&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِذَا جَاۤءَ نَصْرُ اللّٰهِ وَالْفَتْحُۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;لَمْ يَلِدْ وَلَمْ يُوْلَدْۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَيَصْلٰى نَارًا ذَاتَ لَـهَبٍۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَلَآ اَنَا۠ عَابِدٌ مَّا عَبَدْتُّمْۙ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِنَّ شَانِـئَكَ هُوَ الْأَبْتَرُ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَلَآ اَنْتُمْ عٰبِدُوْنَ مَآ اَعْبُدُۚ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;فَصَلِّ لِرَبِّكَ وَانْحَرْۗ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;لَآ اَعْبُدُ مَا تَعْبُدُوْنَۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَمِنْ شَرِّ غَاسِقٍ اِذَا وَقَبَۙ ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمِنْ شَرِّ حَاسِدٍ اِذَا حَسَدَ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَمِنْ شَرِّ النَّفّٰثٰتِ فِى الْعُقَدِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مِنْ شَرِّ مَا خَلَقَۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;وَلَآ اَنْتُمْ عٰبِدُوْنَ مَآ اَعْبُدُۚ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;مِنْ شَرِّ الْوَسْوَاسِ ۙ الْـخَنَّاسِۖ ﴿٤﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;وَمِنْ شَرِّ حَاسِدٍ اِذَا حَسَدَ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;وَمِنْ شَرِّ النَّفّٰثٰتِ فِى الْعُقَدِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مَلِكِ النَّاسِۙ&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;الَّذِيْ يُوَسْوِسُ فِيْ صُدُوْرِ النَّاسِۙ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;اِنَّ شَانِـئَكَ هُوَ الْأَبْتَرُ ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِذَا جَاۤءَ نَصْرُ اللّٰهِ وَالْفَتْحُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، قُلْ يٰٓاَيُّهَا الْكٰفِرُوْنَۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، تَـبَّتْ يَدَآ اَبِيْ لَـهَبٍ وَّتَبَّۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، قُلْ هُوَ اللّٰهُ اَحَدٌۚ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فَسَبِّحْ بِحَمْدِ رَبِّكَ وَاسْتَغْفِرْهُۗ اِنَّهٗ كَانَ تَوَّابًا ﴿٣﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِذَا جَاۤءَ نَصْرُ اللّٰهِ وَالْفَتْحُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، قُلْ يٰٓاَيُّهَا الْكٰفِرُوْنَۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، تَـبَّتْ يَدَآ اَبِيْ لَـهَبٍ وَّتَبَّۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، قُلْ هُوَ اللّٰهُ اَحَدٌۚ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;لَكُمْ دِيْنُكُمْ وَلِيَ دِيْنِ ﴿٦﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِذَا جَاۤءَ نَصْرُ اللّٰهِ وَالْفَتْحُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، قُلْ يٰٓاَيُّهَا الْكٰفِرُوْنَۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، تَـبَّتْ يَدَآ اَبِيْ لَـهَبٍ وَّتَبَّۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، قُلْ هُوَ اللّٰهُ اَحَدٌۚ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;فِيْ جِيْدِهَا حَبْلٌ مِّنْ مَّسَدٍ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِذَا جَاۤءَ نَصْرُ اللّٰهِ وَالْفَتْحُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، قُلْ يٰٓاَيُّهَا الْكٰفِرُوْنَۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، تَـبَّتْ يَدَآ اَبِيْ لَـهَبٍ وَّتَبَّۗ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، قُلْ هُوَ اللّٰهُ اَحَدٌۚ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
    &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
    &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;وَمِنْ شَرِّ حَاسِدٍ اِذَا حَسَدَ ﴿٥﴾ ...&lt;/b&gt;&lt;/p&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;﷽، اِذَا جَاۤءَ نَصْرُ اللّٰهِ وَالْفَتْحُۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;﷽، قُلْ يٰٓاَيُّهَا الْكٰفِرُوْنَۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;﷽، قُلْ اَعُوْذُ بِرَبِّ النَّاسِۙ ﴿١﴾&lt;/label&gt;
    &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;﷽، قُلْ هُوَ اللّٰهُ اَحَدٌۚ ﴿١﴾&lt;/label&gt;
    &lt;/div&gt;


    &lt;/div&gt; &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;Kembali&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;Selanjutnya&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;Selesai &amp;amp; Lihat Nilai&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;


&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 15;
    const kunciJawaban = {
    soal1: &quot;B&quot;, 
    soal2: &quot;D&quot;, 
    soal3: &quot;D&quot;, 
    soal4: &quot;D&quot;, 
    soal5: &quot;C&quot;,
    soal6: &quot;B&quot;, 
    soal7: &quot;A&quot;, 
    soal8: &quot;B&quot;, 
    soal9: &quot;B&quot;, 
    soal10: &quot;D&quot;,
    soal11: &quot;B&quot;, 
    soal12: &quot;C&quot;, 
    soal13: &quot;A&quot;, 
    soal14: &quot;D&quot;, 
    soal15: &quot;C&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;

&lt;p&gt;Demikianlah latihan &lt;a href=&quot;diniyah.my.id&quot;&gt;Uji Hafalan Tahfidz Juz 30 tahap 1&lt;/a&gt; ini. Berapapun skor akhir yang berhasil kita peroleh hari ini, jadikanlah hasil tersebut sebagai motivasi untuk terus semangat dalam memperbaiki bacaan dan mengulang-ulang hafalan Al-Qur&#39;an. Jangan lupa untuk membagikan (share) tautan halaman kuis ini kepada teman-teman, rekan santri, maupun keluarga agar mereka juga dapat mengukur kelancaran hafalannya. Nantikan terus update materi pembelajaran, soal latihan, dan kuis interaktif pendidikan agama Islam selanjutnya hanya di diniyah.my.id. Tetap istiqamah belajar dan semoga kita semua digolongkan ke dalam barisan Ahlul Qur&#39;an. Amin.&lt;/p&gt;




</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/5428575862420963896/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-1-latihan-soal-surat-an-naas-al-kautsar.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5428575862420963896'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5428575862420963896'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-1-latihan-soal-surat-an-naas-al-kautsar.html' title='Uji Hafalan Tahfidz Juz 30 Tahap 1: Latihan Soal Surat An-Naas - Al-Kautsar'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGMcVlO0d8bCn19TPmewgCoxzVn1tLyGLBnvVXFac3W36OyDtUH0RqtZwdVcyXjvwgnxHGHI86ilqiCfzKae00iFA4Rde8V1M5SNAfOVxmGuyrHHQ9s5RD7msCYsXNOAVZup13jCJfCOHEaNZI0aTdD84D-f-fr1dB7Sf3Hd9hJqLQmp-ZTKdW3wi_Mo/s72-c/tahap-1-uji-hafalan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-5181741587932604196</id><published>2026-09-13T17:34:58.670+07:00</published><updated>2026-09-18T14:48:44.625+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><category scheme="http://www.blogger.com/atom/ns#" term="Silabus"/><title type='text'>Silabus Lengkap Materi Ekstrakurikuler Keagamaan Islam: Diniyah &amp; Tahfidz (Fase A - C) Tahun 2026</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgstrXkbhEQNI_IExycy6v3_aL7Y0RW9mEz4i4CF3cPMB3zkveeFpzBU-391i2y8lvR1DZw5X4WX-iZQRcunzhrAnCXgbxQOmeDzNm99AlPwqJ107USOP4Tcw3_6qsP-pXCkCczhQVH8R6EGIWIkXdCpLcOHORMYxs5CJsteOxlnrBWzuYOtDj7y0qC8Y/s1600/silabus-estrakurikuler-keagamaan-islam-diniyah-dan-tahfidz.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Silabus Lengkap Materi Ekstrakurikuler Keagamaan Islam: Diniyah &amp;amp; Tahfidz (Fase A - C) Tahun 2026&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgstrXkbhEQNI_IExycy6v3_aL7Y0RW9mEz4i4CF3cPMB3zkveeFpzBU-391i2y8lvR1DZw5X4WX-iZQRcunzhrAnCXgbxQOmeDzNm99AlPwqJ107USOP4Tcw3_6qsP-pXCkCczhQVH8R6EGIWIkXdCpLcOHORMYxs5CJsteOxlnrBWzuYOtDj7y0qC8Y/s1600/silabus-estrakurikuler-keagamaan-islam-diniyah-dan-tahfidz.webp&quot; title=&quot;Silabus Lengkap Materi Ekstrakurikuler Keagamaan Islam: Diniyah &amp;amp; Tahfidz (Fase A - C) Tahun 2026&quot; /&gt;&lt;/a&gt;&lt;/div&gt;


&lt;h2&gt;Pentingnya Target Materi Diniyah dan Tahfidz Yang Terstruktur&lt;/h2&gt;

&lt;p&gt;&lt;b&gt;diniyah.my.id&lt;/b&gt;, ruang berbagi informasi dan panduan terpercaya seputar pendidikan agama Islam. Pada kesempatan kali ini, kita akan membahas secara tuntas mengenai ringkasan pembagian target materi ekstrakurikuler keagamaan Islam, yang berfokus pada pendidikan Diniyah dan Tahfidz Al-Qur&#39;an untuk tingkat sekolah dasar di lingkup Kabupaten Jombang. Penyusunan silabus yang sistematis sangatlah penting untuk memastikan anak-anak kita mendapatkan bekal agama yang terstruktur dengan baik sejak dini, mulai dari pengenalan dasar huruf hijaiyah hingga ujian munaqasyah hafalan Al-Qur&#39;an pada tingkatan akhir&lt;/p&gt;

&lt;p&gt;Artikel ini disusun secara khusus dengan merujuk pada dokumen referensi Silabus Ekstrakurikuler Keagamaan Islam Kabupaten Jombang Tahun 2026 oleh Tim Kurikulum Extra Keagamaan Dinas Pendidikan Dan Kebudayaan Kabupaten Jombang. Di dalam panduan ini, Kita akan menemukan penjabaran lengkap terkait target pembelajaran dari tingkat dasar hingga mahir yang dibagi berdasarkan fase dan jenjang kelas, yakni;&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Fase A (Kelas 1 &amp; 2)&lt;/b&gt;: Fondasi Baca Tulis Al-Qur&#39;an dan Hafalan Dasar&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Fase B (Kelas 3 &amp; 4)&lt;/b&gt;: Akhlak, Adab Mencari Ilmu, dan Dasar Fiqih Dasar&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Fase C (Kelas 5 &amp; 6)&lt;/b&gt;: Fiqih Lanjutan, Aqidah, dan Munaqosah Tahfidz&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Postingan ini diharapkan dapat menjadi rujukan yang komprehensif bagi para pembimbing, asatidz, orang tua, maupun pihak sekolah dalam merencanakan serta mengawal perkembangan belajar agama siswa agar sesuai dengan target kurikulum yang telah ditetapkan&lt;/p&gt;

&lt;h2&gt;Materi Kelas 1 (Fase A)&lt;/h2&gt;

&lt;h3&gt;Kelas 1 Semester 1 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami &lt;a hreaf=&quot;https://www.diniyah.my.id/2025/12/tahajji-1-belajar-mengenal-huruf-hijaiyah.html&quot;&gt;huruf Hijaiyah&lt;/a&gt;, &lt;a href=&quot;huruf Hijaiyah&quot;&gt;harakat serta tanda baca dan angka Arab&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;Memahami &lt;a href=&quot;https://www.diniyah.my.id/2022/01/mudahnya-belajar-menulis-huruf-hijaiyah-awal-tengah-akhir.html&quot;&gt;kaidah penulisan huruf tunggal/awal/tengah/akhir&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 1 Semester 1 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah An-Naas sampai Surah Al-Kautsar (Surah 114–108)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat An-Naas&lt;/b&gt; (QS. Makkiyah 6 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Falaq&lt;/b&gt; (QS. Makkiyah 5 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Ikhlas&lt;/b&gt; (QS. Makkiyah 4 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Lahab&lt;/b&gt; (QS. Makkiyah 5 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat An-Nashr&lt;/b&gt; (QS. Madaniyah 3 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al Kafirun&lt;/b&gt; (QS. Makkiyah 6 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Kautsar&lt;/b&gt; (QS. Makkiyah 3 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk menguji hafalan surat diatas, silahkan klik link dibawah ini&lt;/p&gt;

&lt;center&gt;
        &lt;a class=&quot;btn-new-tab btn-secondary&quot; href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-1-latihan-soal-surat-an-naas-al-kautsar.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Materi Uji Hafalan 1&lt;/button&gt;&lt;/a&gt;
    &lt;/center&gt;

&lt;h3&gt;Kelas 1 Semester 2 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami cara &lt;a href=&quot;https://www.diniyah.my.id/2022/01/mudahnya-belajar-menulis-huruf-hijaiyah-awal-tengah-akhir.html&quot;&gt;menyambung huruf Hijaiyah&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;Mengenal beberapa kosa kata &lt;a href=&quot;https://www.diniyah.my.id/2023/10/terjemah-rosun-sirah-bab-1-lengkap-arab-latin-dan-artinya-kosa-kata-tentang-anggota-tubuh.html&quot;&gt;anggota tubuh dalam kitab Ro&#39;sun Sirah&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 1 Semester 2 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah Al-Ma&#39;un sampai Surah Al-Qari&#39;ah (Surah 107–101).&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Ma’un&lt;/b&gt; (QS. Makkiyah 7 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Quraisy&lt;/b&gt; (QS. Makkiyah 4 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Fiil&lt;/b&gt; (QS. Makkiyah 5 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Humazah&lt;/b&gt; (QS. Makkiyah 9 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Ashr&lt;/b&gt; (QS. Makkiyah 3 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat At-Takatsur&lt;/b&gt; (QS. Makkiyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Qori’ah&lt;/b&gt; (QS. Makkiyah 11 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk menguji hafalan surat diatas, silahkan klik link dibawah ini&lt;/p&gt;

&lt;center&gt;
        &lt;a class=&quot;btn-new-tab btn-secondary&quot; href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-2-latihan-soal-surat-al-maun-al-qariah.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Materi Uji Hafalan 2&lt;/button&gt;&lt;/a&gt;
    &lt;/center&gt;

&lt;h2&gt;Materi Kelas 2 (Fase A)&lt;/h2&gt;

&lt;h3&gt;Kelas 2 Semester 1 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Mengenal &lt;a href=&quot;https://www.diniyah.my.id/2022/03/cara-menulis-arab-pegon-pengenalan-dasar.html&quot;&gt;huruf pegon (vokal &amp; konsonan)&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;Memahami penggunaan huruf hijaiyah &lt;a href=&quot;diniyah.my.id/2022/04/cara-menulis-arab-pegon-kaidah-dasar-umum.html&quot;&gt;pegon vokal, dan memahami huruf vokal di awal kata&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 2 Semester 1 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah Al-&#39;Adiyat, Az-Zalzalah, Al-Bayyinah, dan Al-Qadr (Surah 100–97)
&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-’Adiyat&lt;/b&gt; (QS. Makkiyah 11 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Zalzalah&lt;/b&gt; (QS. Madaniyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Bayyinah&lt;/b&gt; (QS. Madaniyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Qodr&lt;/b&gt; (QS. Makkiyah 5 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk menguji hafalan surat diatas, silahkan klik link dibawah ini&lt;/p&gt;

&lt;center&gt;
        &lt;a class=&quot;btn-new-tab btn-secondary&quot; href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-3-latihan-soal-surat-al-adiyat-al-qadr.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Materi Uji Hafalan 3&lt;/button&gt;&lt;/a&gt;
    &lt;/center&gt;

&lt;h3&gt;Kelas 2 Semester 2 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami penggunaan huruf hijaiyah pegon konsonan, huruf konsonan  vokal rangkap&lt;/li&gt;
    &lt;li&gt;Memahami penulisan kata serapan&lt;/li&gt;
    &lt;li&gt;Memahami cara menyambung huruf pegon&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;https://www.diniyah.my.id/2023/11/terjemah-rosun-sirah-bab-3-lengkap-arab-latin-dan-artinya-kosa-kata-tentang-lingkungan-sekolah.html&quot;&gt;Menghafal kosa kata kitab Ro&#39;sun Sirah&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 2 Semester 2 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah Al-&#39;Alaq, At-Tiin, Al-Insyirah, dan Ad-Duha (Surah 96–93)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-&#39;Alaq&lt;/b&gt; (QS. Makiyah 19 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat At-Tin&lt;/b&gt; (QS. Makkiyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Insyirah&lt;/b&gt; (QS. Makkiyah 8 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Ad-Dhuha&lt;/b&gt; (QS. Makkiyah 11 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Untuk menguji hafalan surat diatas, silahkan klik link dibawah ini&lt;/p&gt;

&lt;center&gt;
        &lt;a class=&quot;btn-new-tab btn-secondary&quot; href=&quot;https://www.diniyah.my.id/2026/09/uji-hafalan-tahfidz-juz-30-tahap-4-latihan-soal-surat-al-alaq-al-dhuha.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Materi Uji Hafalan 4&lt;/button&gt;&lt;/a&gt;
    &lt;/center&gt;

&lt;h2&gt;Materi Kelas 3 (Fase B)&lt;/h2&gt;

&lt;h3&gt;Kelas 3 Semester 1 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami pengorbanan seorang ibu saat mengandung dalam kitab Birrul Walidain;&lt;/li&gt;
    &lt;li&gt;Memahami jasa seorang ayah kepada ibu dan anaknya dalam kitab Birrul Walidain&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 3 Semester 1 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah Al-Lail, As-Syams, Al-Balad, dan Al-Fajr (Surah 91–89)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Lail&lt;/b&gt; (QS. Makkiyah 21 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat As-Syams&lt;/b&gt; (QS. Makkiyah 15 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Balad&lt;/b&gt; (QS. Makkiyah 20 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Fajr&lt;/b&gt; (QS. Makkiyah 30 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 3 Semester 2 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami hakikat mencari ilmu dalam kitab Alala&lt;/li&gt;
    &lt;li&gt;Memahami kaidah kesungguhan dalam mencari ilmu dalam kitab Alala&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 3 Semester 2 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah Al-Ghasyiyah, Al-A’la, dan At-Thariq (Surah 88–86).&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Ghasyiyah&lt;/b&gt; (QS. Makkiyah 26 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-A’la&lt;/b&gt; (QS. Makkiyah 19 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat At-Thariq&lt;/b&gt; (QS. Makkiyah 17 ayat)&lt;/li&gt;
&lt;/ul&gt;


&lt;h2&gt;Materi Kelas 4 (Fase B)&lt;/h2&gt;

&lt;h3&gt;Kelas 4 Semester 1 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami ketentuan dan pembagian waktu shalat fardlu dalam kitab Mabadi&#39;ul Fiqhiyyah Juz 1&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 4 Semester 1 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah Al-Buruj dan Al-Insyiqaq (Surah 85–84)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Buruj&lt;/b&gt; (QS. Makkiyah 22 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Insyiqaq&lt;/b&gt; (QS. Makkiyah 25 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 4 Semester 2 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami ketentuan shalat serta memahami bacaan dzikir ma&#39;tsurat dalam kitab Mabadi&#39;ul Fiqhiyyah Juz 1&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 4 Semester 2 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah Al-Muthaffifin dan Al-Infithar (Surah 83–82)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Muthaffifin&lt;/b&gt;  (QS. Makkiyah 36 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Infithar&lt;/b&gt; (QS. Makkiyah 19 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Materi Kelas 5 (Fase C)&lt;/h2&gt;

&lt;h3&gt;Kelas 5 Semester 1 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami macam-macam hukum Islam, tata cara bersuci, ketentuan shalat fardhu, sholat jama&#39;ah, dan sholat musafir (Mabadi&#39;ul Fiqhiyyah Juz 2).&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 5 Semester 1 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah At-Takwir dan Surah &#39;Abasa (Surah 81–80)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat Al-Takwir&lt;/b&gt; (QS. Makkiyah 29 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat &#39;Abasa&lt;/b&gt; (QS. Makkiyah 42 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 5 Semester 2 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami ketentuan shalat jum&#39;at, sholat jenazah, zakat, puasa, dan syariat haji (Mabadi&#39;ul Fiqhiyyah Juz 2)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 5 Semester 2 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Menghafal Surah An-Nazi&#39;at dan Surah An-Naba&#39; (Surah 79–78)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat An-Nazi&#39;at&lt;/b&gt;  (QS. Makkiyah 46 ayat)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Menghafal Surat An-Naba&#39;&lt;/b&gt;  (QS. Makkiyah 40 ayat)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Materi Kelas 6 (Fase C)&lt;/h2&gt;

&lt;h3&gt;Kelas 6 Semester 1 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami sifat-sifat Allah SWT, sifat-sifat rasul, menyebutkan nama rasul, malaikat Allah, dan kitab Allah (Aqidatul Awam).&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 6 Semester 1 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Latihan Soal Tasmi&#39; Untuk Persiapan Munaqasyah Akbar (Juz 30)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Tasmi’ Hafalan Al-Qur’an Juz 30&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 6 Semester 2 - Materi Diniyah&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Memahami hari akhir, sejarah kehidupan, silsilah keluarga, serta peristiwa Isro&#39; Mi&#39;raj Nabi Muhammad SAW (Aqidatul Awam)&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Kelas 6 Semester 2 - Materi Tahfidz&lt;/h3&gt;

&lt;p&gt;Penyelesaian Munaqasyah Akhir dan Pemantapan Hafalan (Juz 30).&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Penyelesaian Munaqasyah Akhir dan Pemantapan Hafalan (Juz 30).&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Penutup&lt;/h2&gt;

&lt;p&gt;Secara keseluruhan, pemetaan silabus ekstrakurikuler keagamaan Islam yang terbagi ke dalam Fase A, Fase B, dan Fase C ini memastikan proses belajar Diniyah dan Tahfidz Al-Qur&#39;an siswa dari kelas 1 hingga kelas 6 berjalan secara bertahap dan berkesinambungan. Kurikulum ini menuntun anak-anak mulai dari dasar pemahaman huruf hijaiyah dan hafalan surah pendek, dilanjutkan dengan mempelajari adab, fiqih ibadah, dan aqidah, hingga puncaknya berfokus pada persiapan serta penyelesaian munaqasyah akhir hafalan Juz 30. Kami berharap rincian panduan yang dirangkum di &lt;a href=&quot;diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; ini dapat menjadi referensi berharga bagi para pendidik dan orang tua dalam mengawal perkembangan spiritual buah hati. Jangan lupa untuk terus memantau pembaruan artikel di blog ini guna mendapatkan dukungan materi terbaik dalam mencetak generasi penerus yang berakhlakul karimah dan cinta Al-Qur&#39;an&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/5181741587932604196/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/09/silabus-lengkap-materi-ekstrakurikuler-keagamaan-islam-diniyah-tahfidz-fase-a-b-c-2026.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5181741587932604196'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5181741587932604196'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/09/silabus-lengkap-materi-ekstrakurikuler-keagamaan-islam-diniyah-tahfidz-fase-a-b-c-2026.html' title='Silabus Lengkap Materi Ekstrakurikuler Keagamaan Islam: Diniyah &amp; Tahfidz (Fase A - C) Tahun 2026'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgstrXkbhEQNI_IExycy6v3_aL7Y0RW9mEz4i4CF3cPMB3zkveeFpzBU-391i2y8lvR1DZw5X4WX-iZQRcunzhrAnCXgbxQOmeDzNm99AlPwqJ107USOP4Tcw3_6qsP-pXCkCczhQVH8R6EGIWIkXdCpLcOHORMYxs5CJsteOxlnrBWzuYOtDj7y0qC8Y/s72-c/silabus-estrakurikuler-keagamaan-islam-diniyah-dan-tahfidz.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-7231761842945481535</id><published>2026-08-19T18:12:00.865+07:00</published><updated>2026-10-15T12:12:08.121+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><category scheme="http://www.blogger.com/atom/ns#" term="Fiqih"/><title type='text'>Apa Itu Zakat, Pengertian dan Macam-Macam Zakat Menurut Kitab Mabadi&#39;ul Fiqhiyyah Juz 3</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1o3sgZdSj2PEVk2X5IirnlSmlMQl2dENg2bjQYoGddSWOS4MMzxblnjXeQQhnrTB0NpBoN2UkppZbYo4Tpbqb77rBfmBN5UhRZPPOFPwilzNz7EO3oYrHV-8pqNfoo6wDEf4URwRB7TF1LmizDvKGonm19V5drTJe-XSbx_YkWZfSqf_hYTSnHZIjEqw/s1600/logo-postingan-zakat.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Apa Itu Zakat, Pengertian dan Macam-Macam Zakat Menurut Kitab Mabadi&#39;ul Fiqhiyyah Juz 3&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1o3sgZdSj2PEVk2X5IirnlSmlMQl2dENg2bjQYoGddSWOS4MMzxblnjXeQQhnrTB0NpBoN2UkppZbYo4Tpbqb77rBfmBN5UhRZPPOFPwilzNz7EO3oYrHV-8pqNfoo6wDEf4URwRB7TF1LmizDvKGonm19V5drTJe-XSbx_YkWZfSqf_hYTSnHZIjEqw/s1600/logo-postingan-zakat.webp&quot; title=&quot;Apa Itu Zakat, Pengertian dan Macam-Macam Zakat Menurut Kitab Mabadi&#39;ul Fiqhiyyah Juz 3&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
اَلسَّلاَمُ عَلَیْکُمْ وَرَحْمَةُ اللهِ وَبَرَکَاتُهْ
&lt;/p&gt;

&lt;p&gt;Teriring doa serta salam, semoga Allah SWT senantiasa memberikan bimbingan dan pertolongan kepada kita semua. Amin&lt;/p&gt;

&lt;p&gt;Pada kesempatan kali ini, kita akan membahas salah satu materi rukun Islam yang sangat penting bagi kehidupan sosial kita, yaitu zakat. Banyak dari kita yang mungkin masih sering bertanya-tanya di dalam hati: sebenarnya apa sih hakikat zakat itu? Apa saja jenisnya? Dan harta apa saja yang wajib dizakati?&lt;/p&gt;

&lt;p&gt;Untuk menjawab semua rasa penasaran tersebut, mari kita belajar bersama secara mendalam. Dalam artikel materi ini, kita akan mengupas tuntas tentang apa itu zakat, pengertian zakat dan macam-macam zakat dengan merujuk langsung pada sumber yang sangat terpercaya, yaitu Kitab Al-Mabadi Al-Fiqhiyyah Juz 3 karya Syekh Umar Abdul Jabbar, serta bersandar pada situs web dari portal keislaman terkemuka di Indonesia, yakni &lt;a href=&quot;https://nu.or.id&quot;&gt;NU Online&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Mari kita mulai dari hal yang paling mendasar. Ketika mendengar kata &quot;zakat&quot;, apa yang pertama kali terlintas di pikiran Anda? Apakah berbagi beras saat menjelang Idul Fitri? Atau membersihkan harta kekayaan? Kedua jawaban itu sangat tepat!&lt;/p&gt;

&lt;p&gt;Secara harfiah, kata zakat memang mengandung makna tumbuh, berkembang, dan menyucikan. Namun, bagaimana Kitab Al-Mabadi Al-Fiqhiyyah Juz 3 menjelaskan definisinya secara syariat?&lt;/p&gt;

&lt;p&gt;Di dalam kitab fiqih dasar ini, zakat didefinisikan sebagai sebuah kewajiban personal yang sangat mulia bagi setiap Muslim yang memenuhi kriteria tertentu. Kitab tersebut menyebutkan secara lugas:&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
    الزَّكَاةُ: فَرْضُ عَيْنٍ عَلَى كُلِّ مُسْلِمٍ حُرٍّ مَالِكٍ لِلنِّصَابِ
&lt;/p&gt;

&lt;p&gt;Artinya: “Zakat: Hukumnya zakat adalah fardhu ‘ain atas setiap pribadi orang Islam yang merdeka serta cukup mencapai &lt;b&gt;&lt;i&gt;nishabnya&lt;/i&gt;&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Dari kutipan di atas, ada tiga kata kunci penting yang harus kita pahami dalam belajar:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Fardhu &#39;Ain&lt;/b&gt;:&lt;br /&gt;Berarti zakat adalah kewajiban individu, bukan kewajiban kelompok yang bisa diwakilkan oleh orang lain. Jika kita sudah memenuhi syarat wajibnya, kita sendiri yang harus mengeluarkannya. Jika ditinggalkan, tentu kita akan menanggung dosa&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Merdeka&lt;/b&gt; (Hurr):&lt;br /&gt;Kewajiban ini ditujukan kepada Muslim yang merdeka, bukan seorang hamba sahaya&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mencapai Nishab&lt;/b&gt;:&lt;br /&gt;Nishab adalah batas minimal kepemilikan harta yang membuat seseorang wajib mengeluarkan zakat. Jika harta kita belum menyentuh batas minimal ini, kita tidak diwajibkan untuk berzakat. Sungguh syariat Islam itu sangat adil dan tidak memberatkan pemeluknya!&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Macam-Macam Zakat: Zakat Fitrah dan Zakat Mal&lt;/h2&gt;

&lt;p&gt;Setelah memahami pengertiannya, sekarang mari kita bahas klasifikasi atau macam-macam zakat. Secara garis besar, zakat dalam Islam dibagi menjadi dua kategori utama, yaitu;&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Zakat Fitrah&lt;/b&gt; (Zakat Fithrah/Zakat Nafs) dan&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Zakat Mal&lt;/b&gt; (Zakat Harta)&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;1. Zakat Fitrah (Zakat Nafs)&lt;/h3&gt;

&lt;p&gt;Zakat fitrah adalah zakat jiwa yang diwajibkan kepada setiap Muslim di bulan Ramadhan. Tujuannya adalah untuk menyucikan diri kita setelah sebulan penuh berpuasa, sekaligus menghadirkan kebahagiaan bagi fakir miskin di hari raya Idul Fitri&lt;/p&gt;

&lt;p&gt;Kitab Al-Mabadi Al-Fiqhiyyah Juz 3 menjelaskan:&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
    زَكَاةُ الفِطْرِ: تَجِبُ عَلَى كُلِّ مُسْلِمٍ مُكَلَّفٍ عَنْ نَفْسِهِ وَعَنْ كُلِّ مُسْلِمٍ تَـلْزَمُهُ نَفَقَتُهُ إنْ كَانَ مَعَهُ فَضْلٌ عَنْ قُوْتِهِ وَقُوْتِ عِيَالِهِ لَيْلَةَ عِيْدِ الفِطْرِ وَيَوْمِهِ
&lt;/p&gt;

&lt;p&gt;Artinya: “Zakat fitrah hukumnya wajib atas setiap orang Islam  yang mukallaf. Kewajiban itu adalah kewajiban pribadi untuk dirinya sendiri dan untuk setiap orang Islam yang menjadi tanggungannya, jika keadaan orang itu mampu dan berlebihan untuk yang dimakan dan untuk yang dimakan oleh semua keluarga yang menjadi tanggungannya. Kewajiban mengeluarkan zakat fitrah itu ialah pada hari raya idul fitri sebelum melakukan sholat hari raya”&lt;/p&gt;

&lt;p&gt;Lalu, kapankah waktu yang tepat untuk mengeluarkan zakat fitrah ini? Kitab fiqih ini membaginya secara sangat mendetail:&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Awal Waktu Wajib&lt;/b&gt;:&lt;br /&gt;Kewajiban ini dimulai sejak terbenamnya matahari pada hari terakhir bulan Ramadhan (malam hari raya Idul Fitri)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Waktu Paling Utama&lt;/b&gt; (Afdhal):&lt;br /&gt;Mengeluarkannya sesudah selesainya shalat fajar (shalat Shubuh) dan sebelum shalat hari raya Idul Fitri dilaksanakan&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Waktu Haram&lt;/b&gt;:&lt;br /&gt;Sangat diharamkan mengakhirkan pengeluaran zakat fitrah sampai shalat hari raya Idul Fitri selesai dilaksanakan&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Berapa takaran yang harus kita bayarkan? Setiap pribadi diwajibkan mengeluarkan sebanyak 4 mud takaran Nabi Muhammad SAW, yang jika dikonversikan ke ukuran berat modern (kilo) setara dengan 2,5 Kg (kilogram) yang berupa bahan makanan pokok yang biasa dimakan oleh penduduk negeri tersebut (seperti halnya “beras” di Indonesia)&lt;/p&gt;

&lt;p class=&#39;note tp&#39; style=&quot;text-align: center;&quot;&gt;&lt;b&gt;4 Mud setara dengan 2,5 Kg beras&lt;/b&gt;&lt;/p&gt;

&lt;h3&gt;2. Zakat Mal (Zakat Harta)&lt;/h3&gt;

&lt;p&gt;Macam-macam zakat yang kedua adalah Zakat Mal. Zakat mal dikeluarkan dari harta kekayaan tertentu yang kita miliki. Berbeda dengan zakat fitrah yang wajib bagi setiap jiwa tanpa memandang kepemilikan aset besar, zakat mal hanya wajib dikeluarkan jika harta tersebut sudah mencapai nishab dan sebagian di antaranya mensyaratkan haul (harta tersebut telah dimiliki selama satu tahun Hijriyah)&lt;/p&gt;

&lt;h2&gt;Harta yang Wajib Dikeluarkan Zakatnya Menurut Kitab Mabadi’ul Fiqih Juz 3&lt;/h2&gt;

&lt;p class=&quot;note&quot;&gt;&lt;b&gt;Penting!&lt;/b&gt;&lt;br /&gt;
Bagi kita yang sedang mencari ulasan lengkap mengenai apa itu zakat, pengertian zakat dan macam-macam zakat, bagian ini adalah inti yang harus dicermati baik-baik. Menurut Kitab Al-Mabadi Al-Fiqhiyyah Juz 3, harta yang wajib dikeluarkan zakatnya meliputi beberapa jenis berikut
&lt;/p&gt;

&lt;h3&gt;1. Zakat Hewan Ternak (An-Na&#39;am):&lt;/h3&gt;

&lt;p&gt;Hewan ternak yang wajib dizakati dalam kitab ini adalah &lt;b&gt;sapi, kerbau, unta, dan kambing&lt;/b&gt;. Ada tiga syarat mutlak yang harus terpenuhi agar hewan ternak wajib dizakati:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Syarat Saum&lt;/b&gt;:&lt;br /&gt;Hewan tersebut digembalakan di padang rumput umum dan makanannya tidak harus membeli&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Cukup Nishab&lt;/b&gt;:&lt;br /&gt;Jumlah minimal kepemilikan hewan telah terpenuhi&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Haul&lt;/b&gt;:&lt;br /&gt;Hewan tersebut telah menjadi miliknya selama 1 tahun penuh menurut perhitungan tahun Hijriah&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Berikut adalah rincian nishab untuk masing-masing hewan ternak:&lt;/p&gt;

&lt;h4&gt;Nishab Sapi dan Kerbau:&lt;/h4&gt;

&lt;p class=&quot;arab&quot;&gt;
    نِصَابُ الْبَقَرِ وَالْـجَامُوْسِ: إذَا بَلَغَتْ ثَلَاثِيْنَ وَزَكَاتُهَا تَبِـيْعٌ (وَهُوَ ابنُ سَنَةٍ) وَإذَا بَلَغَتْ أرْبَعِيْنَ زَكَاتُهَا مُسِنَّةٌ (وَهِيَ الَّتِي عُمْرُهَا سَنَتَانِ) عَلَى هَذَا فَقِسْ
&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Dimulai dari jumlah &lt;b&gt;30 ekor&lt;/b&gt;. Zakatnya adalah &lt;b&gt;1 ekor tabi’&lt;/b&gt; (anak sapi yang baru berumur 1 tahun)&lt;/li&gt;
    &lt;li&gt;Jika jumlahnya mencapai &lt;b&gt;40 ekor&lt;/b&gt;, zakatnya adalah &lt;b&gt;1 ekor musinnah&lt;/b&gt; (anak sapi yang sudah berumur 2 tahun)&lt;/li&gt;
    &lt;li&gt;Kelebihan di antara angka tersebut (misalnya memiliki 39 ekor sapi) dimaafkan, dan zakatnya tetap berupa 1 ekor tabi&#39;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;Nishab Kambing:&lt;/h4&gt;

&lt;p class=&quot;arab&quot;&gt;
    نِصَابُ الغَنَمِ: أرْبَعُوْنَ، وَزَكَاتُهَا جَذْعَةُ ضَأْنٍ (وَهِيَ الَّتِي عُمْرُهَا سَنَةٌ) أوْ ثَنِيَّةٌ (الَّتِي عُمْرُهَا سَنَتَانِ)، وَفِي مِائَةٍ وَإحْدَى وَعِشْرِيْنَ شَاتَانِ، وَفِي مِائَـتَيْنِ وَوَاحِدَةٍ ثَلَاثُ شِيَاهٍ، وَفِي أرْبَعِمِائَةٍ أرْبَعُ شِيَاهٍ، وَمَا زَادَ عَلَى ذَلِكَ فَفِي كُلِّ مِائَةٍ شَاةٌ
&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Dimulai dari jumlah &lt;b&gt;40 ekor&lt;/b&gt;. Zakatnya berupa &lt;b&gt;1 ekor jadza’ah&lt;/b&gt; (kambing berumur 1 tahun) atau tsaniyah (kambing berumur 2 tahun)&lt;/li&gt;
    &lt;li&gt;Seterusnya, jika kepemilikan telah mencapai &lt;b&gt;121 ekor&lt;/b&gt;, zakatnya adalah &lt;b&gt;3 ekor kambing dewasa&lt;/b&gt;.&lt;/li&gt;
    &lt;li&gt;Jika sudah melebihi 4000 ekor, maka setiap kelipatan 100 ekor zakatnya adalah 1 ekor kambing dewasa&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;Nishab Unta:&lt;/h4&gt;

&lt;p class=&quot;arab&quot;&gt;
    نِصَابُ زَكَاةِ الإبِلِ: أوَّلُ مِقْدَارٍ مِنَ الإبِلِ تَجِبُ فِيْهِ الزَّكَاةُ خَمْسٌ، وَفِيْهَا شَاةٌ مِنَ الغَنَمِ، وَفِي عَشْرٍ شَاتَانِ، وَفِي خَمْسَ عَشَرَةَ ثَلَاثُ شِيَاهٍ، وَفِي عِشْرِيْنَ أرْبَعُ شِيَاٍه، وَفِي خَمْسٍ وَعِشْرِيْنَ بِنْتُ مَخَاضٍ مِنَ الإِبِلِ (وَهِيَ الَّتِي مَضَتْ عَلَى وِلَادَتِهَا سَنَةٌ) وَفِي سِتٍّ وَثَلَاثِيْنَ بِنْتُ لَبُوْنٍ (وَهِيَ الَّتِي عُمْرُهَا سَنَتَانِ) وَفِي سِتٍّ وَأرْبَعِيْنَ حِقَّةٌ (وَهِيَ الَّتِي عُمْرُهَا ثَلَاثُ سَنَوَاتٍ) وَفِي إحْدَى وَسِتِّيْنَ جَذَعَةٌ (وَهِيَ الَّتِي عُمْرُهَا أرْبَعُ سَنَوَاتٍ) وَفِي سِتٍّ وَسَبْعِيْنَ بِنْتَا لَبُوْنٍ، وَفِي إحْدَى وَتِسْعِيْنَ حِقَّتَانِ، وَمَا زَادَ عَنْ ذَلِكَ فَفِي كُلِّ أرْبَعِيْنَ بِنْتَ لَبُوْنٍ وَفِي كُلِّ خَمْسِيْنَ حِقَّةٌ
&lt;/p&gt;

&lt;p&gt;Dimulai dari kepemilikan;&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;5 ekor unta&lt;/b&gt; dengan zakat berupa &lt;b&gt;1 ekor kambing&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;10 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;2 ekor kambing&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;15 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;3 ekor kambing&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;20 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;4 ekor kambing&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;25 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;1 ekor binti madhah&lt;/b&gt; (unta betina berumur 1 tahun)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;36 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;1 ekor binti labun&lt;/b&gt; (unta betina berumur 2 tahun)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;46 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;1 ekor hiqqoh&lt;/b&gt; (unta betina berumur 3 tahun)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;61 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;1 ekor jadza’ah&lt;/b&gt; (unta betina berumur 4 tahun)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;76 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;2 ekor binti labun&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;91 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;2 ekor hiqqoh&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;121 ekor unta&lt;/b&gt; zakatnya &lt;b&gt;3 ekor binti labun&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;Jika sudah melebihi 121 ekor, maka setiap kelebihan 40 ekor zakatnya 1 binti labun dan setiap kelebihan 50 ekor zakatnya 1 hiqqoh&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;2. Zakat Emas dan Perak&lt;/h3&gt;

&lt;p class=&quot;arab&quot;&gt;
    نِصَابُ الذَّهَبِ وَالفِضَّةِ: نِصَابُ الذَّهَبِ عِشْرُوْنَ مِثْقَالاً. وَنِصَابُ الفِضَّةِ مِائَـتَا دِرْهَمٍ، وَيَجِبُ فِيْهِمَا رُبْعُ العُشُرُ
&lt;/p&gt;

&lt;p&gt;Emas dan perak wajib dikeluarkan zakatnya jika disimpan sebagai aset kekayaan, selain dari perhiasan wanita yang dimubahkan/dibolehkan (dipakai sewajarnya)&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Nishab Emas: 20 mitsqal (setara dengan kurang lebih 80 gram). Zakat yang wajib dikeluarkan adalah sebesar 1/40 atau 2,5% (yaitu 2 gram).&lt;/li&gt;
    &lt;li&gt;Nishab Perak: 200 dirham (setara dengan kurang lebih 670 gram). Zakatnya sebesar 1/40 atau 2,5% (yaitu sekitar 13,5 gram).&lt;/li&gt;
    &lt;li&gt;Setiap kelebihan dari nishab tersebut, nilai zakatnya tetap dihitung sebesar 2,5% dari total kelebihannya&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;3. Zakat Harta Dagangan (Perdagangan)&lt;/h3&gt;

&lt;p class=&quot;arab&quot;&gt;
نِصَابُ الأقْوَاتِ وَالثِّمَارِ: خَمْسَةُ أوْسُقٍ إذَا كَانَ صَافِياً. وَنِصَابُ الأرُزِّ بِقَشْرِهِ عَشْرَةُ أوْسُقٍ
&lt;/p&gt;

&lt;p&gt;Zakat ini berlaku untuk tanaman pangan yang menjadi makanan pokok (seperti padi, gandum) dan buah-buahan tertentu (seperti kurma dan anggur). Uniknya, zakat pertanian ini h&lt;b&gt;anya mensyaratkan cukup nishab saja dan tidak memerlukan syarat haul&lt;/b&gt; (artinya langsung wajib dikeluarkan setiap kali panen)&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Nishab&lt;/b&gt;:&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Jika berupa hasil bersih (murni, kuning, dan lepas kulit), nishabnya adalah 5 usuq (awsuq).&lt;/li&gt;
    &lt;li&gt;Jika berupa gabah yang masih ada kulitnya, nishabnya adalah 10 usuq&lt;/li&gt;
    &lt;li&gt;Sebagai gambaran, takaran 5 usuq ini setara dengan 956 kati (timbangan Jawa), di mana 1 kati sama dengan 6 ons&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;b&gt;Kadar Zakat&lt;/b&gt;:&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Sebesar &lt;b&gt;1/10 (10%)&lt;/b&gt; apabila sawah/pertanian tersebut diairi secara alami tanpa biaya (seperti mengandalkan air hujan atau aliran sungai)&lt;/li&gt;
    &lt;li&gt;Sebesar &lt;b&gt;1/20 (5%)&lt;/b&gt; apabila sawah/pertanian tersebut diairi menggunakan biaya tambahan (seperti pompa air atau membeli air irigasi)&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Siapa Saja yang Berhak Menerima Zakat? (Delapan Golongan Mustahiq)&lt;/h2&gt;

&lt;p&gt;Islam merancang sistem zakat bukan sekadar sebagai ibadah ritual belaka, melainkan sebagai instrumen pemerataan ekonomi umat yang sangat indah. Agar dana zakat tepat sasaran, Allah SWT telah menentukan &lt;b&gt;8 golongan (asnaf)&lt;/b&gt; yang sah menerima zakat, sebagaimana dijabarkan dalam Kitab Al-Mabadi Al-Fiqhiyyah Juz 3:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Para Fakir&lt;/b&gt;:&lt;br /&gt;Orang yang tidak memiliki harta benda maupun pekerjaan layak untuk memenuhi kebutuhan dasar hidupnya&lt;/li&gt;
    &lt;li&gt;b&amp;gt;Para Miskin&lt;/li&gt;&lt;/ol&gt;:&lt;br /&gt;Orang yang memiliki pekerjaan atau sedikit harta, namun hasilnya tetap belum mencukupi kebutuhan sehari-hari secara layak
    &lt;li&gt;&lt;b&gt;Para Amil Zakat&lt;/b&gt;:&lt;br /&gt;Orang-orang yang diberi tugas untuk mengumpulkan, mengelola, dan menyalurkan dana zakat secara resmi&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Para Muallaf&lt;/b&gt;:&lt;br /&gt;Orang yang hatinya dilunakkan (baru memeluk agama Islam) agar iman mereka semakin kokoh&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Budak Mukatab&lt;/b&gt;:&lt;br /&gt;Hamba sahaya yang telah mendapatkan janji tertulis dari tuannya bahwa ia akan merdeka jika mampu menebus dirinya dengan sejumlah uang&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Orang Gharim&lt;/b&gt;:&lt;br /&gt;Orang yang memiliki utang menumpuk dalam kebaikan dan tidak sanggup lagi membayar utangnya tersebut karena kesulitan finansial&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Pejuang di Jalan Allah&lt;/b&gt; (Fii Sabilillah):&lt;br /&gt;Orang-orang yang berjuang menegakkan syiar dan kemaslahatan agama Allah&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Ibnu Sabil&lt;/b&gt;:&lt;br /&gt;Musafir atau perantau yang kehabisan bekal di tengah jalan dalam perjalanan yang diridhai Allah&lt;/li&gt;


&lt;h2&gt;Golongan yang Tidak Diperbolehkan Menerima Zakat (Haram Menerima)&lt;/h2&gt;

&lt;p&gt;Sebaliknya, terdapat pula &lt;b&gt;7 golongan yang secara syariat dilarang keras untuk menerima dana zakat&lt;/b&gt;. Kita harus berhati-hati agar zakat kita tidak salah sasaran. Golongan tersebut adalah:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Orang Kaya&lt;/b&gt;:&lt;br /&gt;Orang yang berkecukupan baik karena memiliki harta melimpah maupun karena memiliki pekerjaan berpenghasilan memadai&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Hamba Sahaya (Budak)&lt;/b&gt;:&lt;br /&gt;Selain dari budak mukatab yang sedang mengusahakan kemerdekaannya.&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Orang Kafir&lt;/b&gt;:&lt;br /&gt;Orang yang tidak beragama Islam&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Orang yang Ditanggung Nafkahnya&lt;/b&gt;:&lt;br /&gt;Orang-orang yang nafkah wajibnya berada di bawah tanggung jawab langsung si pembayar zakat (muzakki), seperti istri, anak kandung, atau orang tua kandung&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Keturunan Bani Hasyim&lt;/b&gt;:&lt;br /&gt;Keluarga dekat Rasulullah SAW dari garis keturunan Hasyim&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Keturunan Bani Muthalib&lt;/b&gt;:&lt;br /&gt;Keluarga dekat Rasulullah SAW dari garis keturunan Muthalib.&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Pelaku Maksiat&lt;/b&gt;:&lt;br /&gt;Orang yang akan menggunakan dana zakat tersebut untuk berbuat dosa atau maksiat kepada Allah&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Kesimpulan: Mari Bersihkan Harta dan Sucikan Jiwa dengan Berzakat!&lt;/h2&gt;

&lt;p&gt;Demikian itulah pembahasan lengkap kita mengenai zakat berdasarkan Kitab Al-Mabadi Al-Fiqhiyyah Juz 3. dengan alur pemahaman yang mudah, menyenangkan, dan penuh hikmah! Lewat zakat, kita tidak hanya menunaikan ibadah vertikal kepada Allah (hablum minallah), melainkan juga merajut kasih sayang horizontal antar sesama manusia (hablum minannas)&lt;/p&gt;

&lt;p&gt;Selanjutnya mari kita buat kebiasaan yang positif terkait hikmah dari materi kita diatas. Mari kita biasakan untuk menghitung harta kita, melihat sekeliling kita, dan menyegerakan zakat jika sudah memenuhi syaratnya. Karena di dalam setiap harta yang kita miliki, sesungguhnya ada sebagian kecil hak milik saudara-saudara kita yang membutuhkan.&lt;/p&gt;

&lt;h2&gt;Latihan Soal &amp; Ujian&lt;/h2&gt;

&lt;p&gt;Setelah memahami materi tentang apa itu zakat, pengertian zakat dan macam-macam zakat, sekarang saatnya kita menguji pemahaman kita melalui latihan soal yang telah kami siapkan. Silahkan klik tombol di bawah ini untuk mengakses latihan soal&lt;/p&gt;

&lt;center&gt;&lt;a class=&quot;btn-new-tab btn-primary&quot; href=&quot;https://www.diniyah.my.id/2026/08/20-latihan-soal-materi-tentang-zakat-dalam-kitab-mabadi-fiqih-juz-3.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Latihan Soal&lt;/button&gt;&lt;/a&gt;&lt;/center&gt;

&lt;br /&gt;

&lt;center&gt;&lt;a class=&quot;btn-new-tab btn-primary&quot; href=&quot;https://www.diniyah.my.id/p/sts1-ta-2026-2027-fiqih.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Kerjakan Ujian&lt;/button&gt;&lt;/a&gt;&lt;/center&gt;

&lt;p&gt;Sekian artikel materi tentang Materi Fiqih Lengkap: &lt;a href=&quot;https://diniyah.my.id&quot;&gt;Apa Itu Zakat, Pengertian Zakat, Macam-Macam Zakat Menurut Kitab Mabadi&#39;ul Fiqhiyyah Juz 3&lt;/a&gt; ini, semoga bermanfaat.&lt;/p&gt;


</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/7231761842945481535/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/08/apa-itu-zakat-pengertian-dan-macam-macam-zakat-menurut-kitab-mabadiul-fiqhiyyah-juz-3.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/7231761842945481535'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/7231761842945481535'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/08/apa-itu-zakat-pengertian-dan-macam-macam-zakat-menurut-kitab-mabadiul-fiqhiyyah-juz-3.html' title='Apa Itu Zakat, Pengertian dan Macam-Macam Zakat Menurut Kitab Mabadi&#39;ul Fiqhiyyah Juz 3'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1o3sgZdSj2PEVk2X5IirnlSmlMQl2dENg2bjQYoGddSWOS4MMzxblnjXeQQhnrTB0NpBoN2UkppZbYo4Tpbqb77rBfmBN5UhRZPPOFPwilzNz7EO3oYrHV-8pqNfoo6wDEf4URwRB7TF1LmizDvKGonm19V5drTJe-XSbx_YkWZfSqf_hYTSnHZIjEqw/s72-c/logo-postingan-zakat.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-8447527113659132622</id><published>2026-08-19T17:59:52.430+07:00</published><updated>2026-09-21T03:10:10.557+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Fiqih"/><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><title type='text'>20 Soal Latihan Materi Tentang Zakat Dalam Kitab Mabadi&#39; Fiqih Juz 3</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-a0qDtV3zkgw5On-8T863oGzpk92lJd9jWj6MHW7urry3IWbD6Wh9dchEWF52bCxFaI2oPsx4e4KlBLn871G0v-CNurqlpEoty2y0_-OybMDg6GhlWL3a74a0QjPN02YHpJdLf2H7nxv9MhwqIEUZSKqgLPSNfVisx3Ayde4q3Jm90yTkWt1nXMdJquI/s1600/Logo%20Postingan%20soal%20latihan.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;20 Soal Latihan Materi Tentang Zakat Dalam Kitab Mabadi&#39; Fiqih Juz 3&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-a0qDtV3zkgw5On-8T863oGzpk92lJd9jWj6MHW7urry3IWbD6Wh9dchEWF52bCxFaI2oPsx4e4KlBLn871G0v-CNurqlpEoty2y0_-OybMDg6GhlWL3a74a0QjPN02YHpJdLf2H7nxv9MhwqIEUZSKqgLPSNfVisx3Ayde4q3Jm90yTkWt1nXMdJquI/s1600/Logo%20Postingan%20soal%20latihan.webp&quot; title=&quot;20 Soal Latihan Materi Tentang Zakat Dalam Kitab Mabadi&#39; Fiqih Juz 3&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  Berikut ini adalah 
  &lt;a href=&quot;https://www.diniyah.my.id/2026/08/20-latihan-soal-materi-tentang-zakat-dalam-kitab-mabadi-fiqih-juz-3.html&quot;&gt;20 soal latihan materi tentang zakat dalam kitab Mabadi&#39; Fiqh Juz 3&lt;/a&gt; karya Syeikh Umar Abdul Jabbar. Sebagai penunjang peserta
  didik dan para santri dalam memahami ketentuan zakat yang dijelaskan dalam tersebut. Adapun Soal latihan ini terdiri dari 20 soal pilihan ganda.
&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Nama Kitab: Mabadi&#39;ul Fiqhiyyah Juz 3&lt;/li&gt;
  &lt;li&gt;Bidang Studi: Kitab Fiqih Madzhab Syafi&#39;i&lt;/li&gt;
  &lt;li&gt;Penulis: Syeikh Umar Abdul Jabbar&lt;/li&gt;
  &lt;li&gt;Lahir: Makkah Al-Mukarramah Tahun 1320 H/ 1902 M&lt;/li&gt;
  &lt;li&gt;Wafat: Tahun 1931 di usia 63 tahun&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Jika masih dirasa belum menguasai materi untuk mengerjakan soal ini: silahkan baca kembali ulasan materinya dengan klik postingan tentang &lt;a href=&quot;https://www.diniyah.my.id/2026/08/apa-itu-zakat-pengertian-dan-macam-macam-zakat-menurut-kitab-mabadiul-fiqhiyyah-juz-3.html&quot;&gt;Apa Itu Zakat, Pengertian dan Macam-Macam Zakat Menurut Kitab Mabadi&#39;ul Fiqhiyyah Juz 3&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;Ringkasan kisi-kisi Lingkup Materi Soal latihan&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;
    Memahami ketentuan Zakat dalam kitab Mabadi&#39;ul Fiqhiyyah Juz 3
  &lt;/li&gt;
&lt;/ul&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
    body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
    }

  /* Font Arab Khusus */
    .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
    }

  /* Agar pilihan ganda Arab juga rata kanan */
    .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
    }

  /* Kotak Utama */
    .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    }

  /* Judul &amp; Header */
    h2 { color: #2E7D32; margin-top: 0; }

  /* Form Input */
    .form-group { margin-bottom: 15px; text-align: left; }
    .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
    .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
    }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: flex; /* Mengubah dari block menjadi flex agar sejajar */
    align-items: flex-start; /* Memastikan bulatan sejajar dengan baris pertama teks */
    margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    line-height: 1.5; /* Memberi jarak antar baris teks agar lebih rapi membaca */
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    
    .pilihan-jawaban input { 
    flex-shrink: 0; /* Mencegah bulatan mengecil saat teks terlalu panjang */
    margin-top: 4px; /* Menurunkan sedikit bulatan agar pas di tengah baris pertama */
    margin-right: 12px; /* Memberi jarak antara bulatan dengan teks di sebelah kanannya */
    margin-left: 0; /* Menghapus margin kiri sebelumnya */
    transform: scale(1.3); 
    }

  /* Tombol Navigasi */
    .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
    }
    .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    }
    .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }

    .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
    }
    .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
    #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
    }

  /* Tampilan Hasil Akhir */
    .hasil-box { text-align: center; }
    .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }

    .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
    }
    .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
    .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
    .slide-soal { display: none; animation: fadeIn 0.4s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
    &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh88NzD0VbCQdm_LtPwCzXFLFA27_UCQkaEgg2ySVdQQOIWsUXLYn40TJ0Ii0V1dbIvNG3KSPDudEKvYeYd29A6mZKLEDxHoxnJRJKm-PLlY2plmLUTkwBDzHLY9Coo85dy52YLnRw6RaYFiXUqP2UJ2YiWEH4B1SCOLFbGfjF8Qw-_PtDQuKfscKwIp8o/s1600/logo-soal-latihan-kdk-v2.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

    &lt;h2&gt;Latihan Soal&lt;/h2&gt;
    &lt;p&gt;&lt;b id=&quot;teksJudulMateri&quot;&gt;Materi Zakat dalam Kitab Mabadi&#39; Fiqh Juz 3&lt;/b&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;
    &lt;div id=&quot;info-siswa-bar&quot;&gt;
        &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
        &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;/div&gt;

    &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Menurut Kitab Al-Mabadi Al-Fiqhiyyah Juz 3, hukum mengeluarkan zakat bagi setiap Muslim merdeka
yang hartanya telah mencapai nishab adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Fardhu Kifayah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Fardhu &#39;Ain&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Sunah Mu&#39;akkadah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Mubah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Apa arti istilah fardhu &#39;ain dalam kewajiban mengeluarkan zakat?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Kewajiban kelompok yang bisa diwakilkan oleh orang lain jika sudah ada yang membayar&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Kewajiban individu bagi setiap Muslim yang memenuhi syarat dan tidak bisa diwakilkan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Ibadah yang hukumnya sunah tetapi sangat dianjurkan untuk dilakukan secara berjamaah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Kewajiban yang hanya ditujukan kepada para penguasa atau pemimpin wilayah saja&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Salah satu syarat wajib zakat adalah merdeka (hurr), yang berarti kewajiban ini tidak berlaku atas...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Orang kaya yang memiliki banyak utang&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Seorang hamba sahaya (budak)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Musafir yang kehabisan bekal di perjalanan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Pelaku wirausaha atau perdagangan kecil&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Apakah yang dimaksud dengan &#39;nishab&#39; dalam ketentuan syariat zakat?&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Jangka waktu minimal satu tahun Hijriyah untuk kepemilikan suatu harta&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Batas minimal kepemilikan harta yang membuat seseorang wajib mengeluarkan zakat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Jumlah zakat yang harus disalurkan kepada masing-masing golongan penerima&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Cara pembagian harta warisan sesuai dengan hukum waris Islam&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Zakat dalam Islam secara garis besar dibagi menjadi dua kategori utama, yaitu...
&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Zakat Fitrah dan Zakat Pertanian&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Zakat Jiwa (Zakat Nafs) dan Zakat Harta (Zakat Mal)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Zakat Emas dan Zakat Hewan Ternak&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Zakat Perdagangan dan Zakat Profesi&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Kapankah awal waktu wajib untuk mengeluarkan zakat fitrah menurut penjelasan kitab fiqih ini?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Sejak awal terbitnya fajar pada tanggal 1 Ramadhan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Sejak terbenamnya matahari pada hari terakhir bulan Ramadhan (malam hari raya)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Sesudah selesainya pelaksanaan shalat fajar (Shubuh) pada hari raya&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Saat pelaksanaan khutbah hari raya Idul Fitri sedang berlangsung
&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Waktu paling utama (afdhal) untuk menyerahkan zakat fitrah adalah...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Di pertengahan malam bulan Ramadhan saat sahur&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Pada awal bulan Ramadhan setelah berbuka puasa pertama&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Sesudah selesainya shalat fajar (Shubuh) dan sebelum shalat hari raya Idul Fitri dilaksanakan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tepat setelah shalat hari raya Idul Fitri selesai dilaksanakan&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Tindakan sengaja mengakhirkan pengeluaran zakat fitrah hingga shalat hari raya Idul Fitri selesai dilaksanakan hukumnya...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Makruh&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Mubah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Haram&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Sunnah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Berapakah takaran zakat fitrah yang wajib dikeluarkan untuk setiap jiwa Muslim jika dikonversikan ke ukuran berat modern?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;1,5 Kg makanan pokok&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;2,0 Kg makanan pokok&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;2,5 Kg makanan pokok&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;3,5 Kg makanan pokok&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Apa yang dimaksud dengan syarat &#39;saum&#39; dalam kewajiban zakat pada hewan ternak unta, sapi, dan
kambing?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Hewan ternak harus dipelihara di dalam kandang yang mewah dan bersih&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Hewan ternak digembalakan di padang rumput umum dan makanannya tidak harus membeli&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Hewan ternak telah melahirkan keturunan dalam masa kepemilikan satu tahun&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Hewan ternak tersebut tidak pernah jatuh sakit selama dipelihara
&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Berapakah nishab minimal kepemilikan sapi atau kerbau agar pemiliknya wajib mengeluarkan
zakat?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;10 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;20 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;30 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;40 ekor&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Jika seseorang memiliki 40 ekor sapi yang memenuhi syarat wajib zakat, jenis zakat yang harus
dikeluarkan adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;1 ekor tabi&#39; (anak sapi berumur 1 tahun)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;1 ekor musinnah (anak sapi berumur 2 tahun)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;2 ekor tabi&#39; (masing-masing berumur 1 tahun)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;1 ekor kambing dewasa berumur 1 tahun&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Pada kepemilikan kambing, berapakah nishab minimal yang diwajibkan untuk mengeluarkan zakat?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;20 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;30 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;40 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;50 ekor&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Sesuai rincian nishab kambing dalam kitab ini, jika kepemilikan kambing telah mencapai 121 ekor,
zakat yang wajib dikeluarkan adalah...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;1 ekor kambing dewasa&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;2 ekor kambing dewasa&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;3 ekor kambing dewasa (Cebok)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;4 ekor kambing dewasa&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Berapakah nishab minimal untuk hewan ternak unta agar wajib dikeluarkan zakatnya?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;1 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;5 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;10 ekor&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;25 ekor&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide16&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 16&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Zakat yang wajib dikeluarkan apabila seseorang memiliki minimal 5 ekor unta yang memenuhi
syarat adalah berupa...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;1 ekor kambing&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;1 ekor sapi&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;1 ekor anak unta betina&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;2 ekor kambing&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide17&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 17&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Nishab zakat emas menurut Kitab Al-Mabadi Al-Fiqhiyyah Juz 3 adalah 20 mitsqal, yang setara
dengan kurang lebih...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;± 50 gram&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;± 60 gram&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;± 80 gram&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;± 100 gram&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide18&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 18&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Kadar zakat yang wajib dikeluarkan untuk simpanan emas dan perak yang telah memenuhi nishab
dan haulnya adalah sebesar...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;10% (sepersepuluh)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;5% (seperduapuluh)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;2,5% (seperempatpuluh)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;1,5%&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide19&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 19&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Berapakah nishab zakat hasil bumi (pertanian) makanan pokok jika berupa hasil bersih yang murni
dan lepas kulit?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;3 usuq&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;5 usuq (awsuq)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;8 usuq&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;10 usuq&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide20&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 20&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Salah satu golongan (asnaf) penerima zakat yang sah adalah budak mukatab. Apa yang dimaksud
dengan budak mukatab?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Budak yang membangkang terhadap perintah tuannya&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Budak yang mendapatkan janji tertulis dari tuannya akan merdeka jika mampu menebus dirinya dengan
uan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Budak yang bertugas mengumpulkan dan mengelola hewan ternak zakat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Budak milik non-Muslim yang dilunakkan hatinya agar memeluk Islam&lt;/label&gt;
    &lt;/div&gt;

    &lt;/div&gt;
    &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
        &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;
        Kembali
        &lt;/button&gt;
        &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;
        Selanjutnya
        &lt;/button&gt;
        &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;
        Selesai &amp;amp; Lihat Nilai
        &lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;


&lt;script&gt;
  // --- KONFIGURASI SOAL ---
    const totalSoal = 20;
    const kunciJawaban = {
    soal1: &quot;B&quot;,
    soal2: &quot;B&quot;,
    soal3: &quot;B&quot;,
    soal4: &quot;B&quot;,
    soal5: &quot;B&quot;,
    soal6: &quot;B&quot;,
    soal7: &quot;C&quot;,
    soal8: &quot;C&quot;,
    soal9: &quot;C&quot;,
    soal10: &quot;B&quot;,
    soal11: &quot;C&quot;,
    soal12: &quot;B&quot;,
    soal13: &quot;C&quot;,
    soal14: &quot;C&quot;,
    soal15: &quot;B&quot;,
    soal16: &quot;A&quot;,
    soal17: &quot;C&quot;,
    soal18: &quot;C&quot;,
    soal19: &quot;B&quot;,
    soal20: &quot;B&quot;,
    };

    let slideIndex = 1;

  // 1. MULAI LATIHAN
    function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;


</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/8447527113659132622/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/08/20-latihan-soal-materi-tentang-zakat-dalam-kitab-mabadi-fiqih-juz-3.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/8447527113659132622'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/8447527113659132622'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/08/20-latihan-soal-materi-tentang-zakat-dalam-kitab-mabadi-fiqih-juz-3.html' title='20 Soal Latihan Materi Tentang Zakat Dalam Kitab Mabadi&#39; Fiqih Juz 3'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-a0qDtV3zkgw5On-8T863oGzpk92lJd9jWj6MHW7urry3IWbD6Wh9dchEWF52bCxFaI2oPsx4e4KlBLn871G0v-CNurqlpEoty2y0_-OybMDg6GhlWL3a74a0QjPN02YHpJdLf2H7nxv9MhwqIEUZSKqgLPSNfVisx3Ayde4q3Jm90yTkWt1nXMdJquI/s72-c/Logo%20Postingan%20soal%20latihan.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-9179940038722507156</id><published>2026-08-17T19:07:00.466+07:00</published><updated>2026-08-26T16:54:48.039+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><category scheme="http://www.blogger.com/atom/ns#" term="Fiqih"/><title type='text'>Pengertian Zakat dan Macam-macamnya: Tinjauan Kitab Safinatun Najah &amp; UU di Indonesia</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgp9NqJGx-W8JV99u1_nPeOvYep1bEpTPngdqeKUwNNioF2-jrFKoDfr6aiIc464YkmpldvGdvACvFRSmIsWF7NRQt6qnrwZ3FqJyeCz5TgMo_gpEXxGhR9DZHahYx6Nctv36l10GpAg_Ieeo111m5MYOBKX36G9Qv8FtPfUJx2L1BCbTHIoTgHJpXp4/s1600/post-materi-zakat-smpn1-bagian-1.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Pengertian Zakat dan Macam-macamnya: Tinjauan Kitab Safinatun Najah &amp;amp; UU di Indonesia&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgp9NqJGx-W8JV99u1_nPeOvYep1bEpTPngdqeKUwNNioF2-jrFKoDfr6aiIc464YkmpldvGdvACvFRSmIsWF7NRQt6qnrwZ3FqJyeCz5TgMo_gpEXxGhR9DZHahYx6Nctv36l10GpAg_Ieeo111m5MYOBKX36G9Qv8FtPfUJx2L1BCbTHIoTgHJpXp4/s1600/post-materi-zakat-smpn1-bagian-1.webp&quot; title=&quot;Pengertian Zakat dan Macam-macamnya: Tinjauan Kitab Safinatun Najah &amp;amp; UU di Indonesia&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Teriring doa serta salam, semoga Allah SWT senantiasa memberikan bimbingan dan pertolongan kepada kita semua. Amin&lt;/p&gt;

&lt;p&gt;Salah satu ibadah sosial yang sangat dianjurkan dalam agama Islam adalah zakat. Pada kali ini kita akan coba mengulas materi dan menjelajahi satu topik yang sangat penting dalam agama kita, sekaligus juga diatur dengan sangat rapi oleh negara kita, yakni tentang zakat&lt;/p&gt;

&lt;p&gt;Materi kita kali ini akan sangat membantu kita dalam memahami &lt;b&gt;apa itu zakat, penegertian zakat dan macam-macam zakat&lt;/b&gt; secara detail. Pada pembahasan materi ini kita akan mengupasnya dari dua sudut pandang sekaligus, yaitu;&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;Sudut pandang kitab fiqih klasik madzhab Syafi&#39;i, yakni Kitab Safinatun Najaa, serta;&lt;/li&gt;
    &lt;li&gt;Sudut pandang kacamata hukum positif di Indonesia melalui Undang-Undang Nomor 23 Tahun 2011 tentang Pengelolaan Zakat.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Sekarang, mari kita mulai dengan membahas tentang apa itu zakat dengan santai dan tetap fokus&lt;/p&gt;

&lt;h2&gt;Penjelasan Zakat dalam Kitab Klasik Safinatun Najah&lt;/h2&gt;

&lt;p&gt;Sebagai seorang pelajar muslim, tentu tidak lengkap rasanya jika kita tidak merujuk pada kitab kuning legendaris yang biasa kita kaji, yaitu Kitab Safinatun Najah karangan Syekh Salim bin Sumair Al-Hadhramiy&lt;/p&gt;

&lt;p&gt;Meskipun dalam kutipan teks Safinatun Najah yang kita pelajari hari ini tidak memuat definisi zakat secara bahasa, kitab ini langsung memberikan penjelasan praktis mengenai kategori atau macam-macam harta yang wajib dikenakan zakat.&lt;/p&gt;

&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِیْمِ
&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
فَصْلٌ - الْأَمْوَالُ الَّتِي تَـلْزَمُ فِیْهَا الزَّکَاةُ سِتَّةُ اَنْـوَاعٍ
&lt;/p&gt;

&lt;ol class=&quot;abcd&quot;&gt;
    &lt;li&gt;النَّعَمُ&lt;/li&gt;
    &lt;li&gt;وَالنَّقْدَانِ&lt;/li&gt;
    &lt;li&gt;وَالْمُعَشَّرَاتُ&lt;/li&gt;
    &lt;li&gt;وَاَمْوَلُ التِّجَارَۃِ وَاجِبُـهَا: رُبُعُ عُشْرِ قِيْمَـةِ عُـرُوْضِ التِّجَارَۃِ&lt;/li&gt;
    &lt;li&gt;وَالرِّکَازُ
&lt;/li&gt;
    &lt;li&gt;وَالْمَعْدِنُ&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Menurut Kitab Safinatun Najah, kewajiban zakat itu secara syariat mengikat pada enam jenis harta. Keenam jenis harta yang wajib dikeluarkan zakatnya tersebut adalah:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;An-Na&#39;am&lt;/b&gt; (Hewan Ternak)&lt;br /&gt;
    Hewan ternak yang wajib dizakati dalam madzhab Syafi&#39;i meliputi unta, sapi, dan kambing atau domba. Tentu saja ada syarat khusus seperti kepemilikan yang mencapai batas minimal (nisab) dan telah dimiliki selama setahun penuh&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;An-Naqdan&lt;/b&gt; (Emas dan Perak)&lt;br /&gt;
    Emas dan perak merupakan standar nilai mata uang klasik yang hingga hari ini nilainya tetap diakui sebagai tolok ukur harta simpanan dan kekayaan finansial kita&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Al-Mu&#39;asysyarat&lt;/b&gt; (Hasil Pertanian)&lt;br /&gt;
    Kategori ini meliputi tumbuh-tumbuhan atau hasil bumi yang menjadi makanan pokok dan dapat disimpan dalam waktu lama, seperti padi, gandum, kurma, dan sejenisnya.&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;&#39;Urudlut-Tijarah&lt;/b&gt; (Harta Perdagangan/Perniagaan)&lt;br /&gt;
    Zakat ini dikenakan atas barang-barang yang diniatkan untuk diperjualbelikan guna mencari keuntungan, di mana nilai wajibnya adalah sebesar seperempat dari sepersepuluh (2,5%) dari total nilai barang dagangan&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Ar-Rikaz&lt;/b&gt; (Harta Karun/Temuan)&lt;br /&gt;
    Harta rikaz adalah harta karun emas atau perak peninggalan orang-orang zaman dahulu yang terpendam di dalam tanah. Menariknya, penjelasan di dalam undang-undang negara kita juga menyepakati hal ini, di mana tertulis bahwa yang dimaksud dengan &quot;rikaz&quot; adalah harta temuan&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Al-Ma&#39;din&lt;/b&gt; (Barang Tambang)&lt;br /&gt;
    Yaitu emas atau perak yang digali dan dikeluarkan dari dalam tambang perut bumi&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Penjelasan dari Kitab Safinatun Najah tentang masalah Zakat ini sangat terstruktur dan mudah kita dipahami. Dan melalui klasifikasi ini, para ulama terdahulu membantu kita mendeteksi harta apa saja yang ada di sekeliling kita yang di dalamnya terdapat hak fakir miski&lt;/p&gt;

&lt;h2&gt;Apa Itu Zakat, Pengertian Zakat dan  Macam-macam Zakat Menurut Hukum Negara&lt;/h2&gt;

&lt;p&gt;Sekarang kita mulai belajar kita dengan memahami definisi dasarnya terlebih dahulu. Ketika kita berbicara tentang apa itu zakat, pengertian zakat, macam-macam zakat, maka rujukan hukum utama kita di Indonesia adalah Undang-Undang Nomor 23 Tahun 2011&lt;/p&gt;

&lt;h3&gt;Pengertian Zakat&lt;/h3&gt;
&lt;p&gt;Berdasarkan Pasal 1 angka 2 undang-undang ini, zakat didefinisikan sebagai &lt;b&gt;harta yang wajib dikeluarkan oleh seorang muslim atau badan usaha untuk diberikan kepada yang berhak menerimanya sesuai dengan syariat Islam&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Dari pengertian tersebut, kita bisa melihat bahwa zakat bukanlah sekadar sumbangan sukarela atau donasi kemanusiaan biasa. Zakat adalah sebuah kewajiban syariat yang mutlak. Dalam dunia pengelolaan zakat, ada dua istilah penting yang harus kita hafal di luar kepala:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Muzakki:&lt;/b&gt;&lt;br /&gt;
    Yaitu seorang muslim atau badan usaha yang berkewajiban menunaikan zakat&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mustahik:&lt;/b&gt;&lt;br /&gt;
    Yaitu orang-orang / golongan yang berhak menerima zakat&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Dari sini cukup jelas bahwasannya negara kita juga memfasilitasi permasalahan zakat dengan adanya undang-undang nomor 23 Tahun 2011 tersebut&lt;/p&gt;

&lt;h3&gt;Macam-Macam Zakat Berdasarkan Regulasi di Indonesia&lt;/h3&gt;

&lt;p&gt;Setelah memahami pembagian harta yang dizakati menurut kitab fiqih klasik, sekarang mari kita lihat bagaimana regulasi modern di negara kita merangkum macam-macam zakat tersebut&lt;/p&gt;

&lt;p&gt;Berdasarkan Undang-Undang Nomor 23 Tahun 2011 Pasal 4 ayat (1), zakat di Indonesia secara garis besar dikelompokkan menjadi dua macam&lt;/p&gt;

&lt;p&gt;&lt;b&gt;1. Zakat Fitrah&lt;/b&gt;&lt;br /&gt;
Yaitu zakat jiwa yang wajib dikeluarkan oleh setiap muslim di bulan Ramadhan untuk membersihkan diri dan menyempurnakan ibadah puasa kita&lt;/p&gt;

&lt;p&gt;&lt;b&gt;2. Zakat Mal&lt;/b&gt;&lt;br /&gt;
Yaitu zakat atas harta yang dimiliki oleh muzakki perseorangan atau badan usaha. Undang-undang kita merinci objek zakat mal ini secara sangat komprehensif agar sesuai dengan perkembangan ekonomi modern. Jenis-jenis zakat mal menurut Pasal 4 ayat (2) meliputi:&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Emas, perak, dan logam mulia lainnya&lt;/li&gt;
    &lt;li&gt;Uang dan surat berharga lainnya&lt;/li&gt;
    &lt;li&gt;Perniagaan&lt;/li&gt;
    &lt;li&gt;Pertanian, perkebunan, dan kehutanan&lt;/li&gt;
    &lt;li&gt;Peternakan dan perikanan
&lt;/li&gt;
    &lt;li&gt;Pertambangan&lt;/li&gt;
    &lt;li&gt;Perindustrian&lt;/li&gt;
    &lt;li&gt;Pendapatan dan jasa; serta&lt;/li&gt;
    &lt;li&gt;Rikaz&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Sinergi antara hukum syariat Islam dalam kitab fiqih klasik dan juga undang-undang buatan pemerintah kita ini sungguh sangat indah sekali, karena pemerintah hadir dan mau membantu memfasilitasi kewajiban agama kita agar berjalan secara legal, amanah, dan terintegrasi demi mewujudkan kesejahteraan masyarakat dan penanggulangan kemiskinan&lt;/p&gt;

&lt;h2&gt;Latihan Soal&lt;/h2&gt;

&lt;p&gt;Setelah memahami materi tentang apa itu zakat, pengertian zakat dan macam-macam zakat, sekarang saatnya kita menguji pemahaman kita melalui latihan soal yang telah kami siapkan. Silakan klik tombol di bawah ini untuk mengakses latihan soal&lt;/p&gt;

&lt;center&gt;&lt;a class=&quot;btn-new-tab btn-primary&quot; href=&quot;https://www.diniyah.my.id/2026/08/20-latihan-soal-materi-tentang-zakat-dalam-kitab-mabadi-fiqih-juz-3.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;Latihan Soal&lt;/button&gt;&lt;/a&gt;&lt;/center&gt;

&lt;p&gt;Demikian materi ringkas yang membahas tentang &lt;a href=&quot;www.diniyah.my.id&quot;&gt;apa Itu zakat, pengertian zakat dan macam-macam zakat Lengkap Beserta Pembahasannya&lt;/a&gt;, semoga bermanfaat&lt;/p&gt;

</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/9179940038722507156/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/08/pengertian-zakat-dan-macam-macamnya-tinjauan-kitab-safinatun-naja--UU-di-Indonesia.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/9179940038722507156'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/9179940038722507156'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/08/pengertian-zakat-dan-macam-macamnya-tinjauan-kitab-safinatun-naja--UU-di-Indonesia.html' title='Pengertian Zakat dan Macam-macamnya: Tinjauan Kitab Safinatun Najah &amp; UU di Indonesia'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIgp9NqJGx-W8JV99u1_nPeOvYep1bEpTPngdqeKUwNNioF2-jrFKoDfr6aiIc464YkmpldvGdvACvFRSmIsWF7NRQt6qnrwZ3FqJyeCz5TgMo_gpEXxGhR9DZHahYx6Nctv36l10GpAg_Ieeo111m5MYOBKX36G9Qv8FtPfUJx2L1BCbTHIoTgHJpXp4/s72-c/post-materi-zakat-smpn1-bagian-1.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-5878242694976141147</id><published>2026-08-17T16:58:58.648+07:00</published><updated>2026-09-20T23:18:28.281+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><title type='text'>Latihan Soal Materi Tentang Zakat (bagian-1)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE1ZZVcdWPEHVC3lL1mW70fyO2-_eIWLurHlKKVlxwLSm0uSWwzbeyawhnpvFU83nZ04Iir3Evj3xmPV8hOse8mBaU4-nvSbJF6945ksTNeh3XYiB1utBATuFrSevgfMd4uYkXhn3Sns0Dym0vxkkptxVrClwlFHhwQCOQtXSr3ge-n8LIZCSi8hypAp0/s1600/logo-post-soal-latihan-bagian-1.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Latihan Soal Materi Zakat (bagian 1)&quot; border=&quot;0&quot; data-original-height=&quot;1080&quot; data-original-width=&quot;1920&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE1ZZVcdWPEHVC3lL1mW70fyO2-_eIWLurHlKKVlxwLSm0uSWwzbeyawhnpvFU83nZ04Iir3Evj3xmPV8hOse8mBaU4-nvSbJF6945ksTNeh3XYiB1utBATuFrSevgfMd4uYkXhn3Sns0Dym0vxkkptxVrClwlFHhwQCOQtXSr3ge-n8LIZCSi8hypAp0/s1600/logo-post-soal-latihan-bagian-1.webp&quot; title=&quot;Latihan Soal Materi Zakat (bagian 1)&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Berikut ini adalah ringkasan materi soal latihan tentang zakat dalam Kitab Safinatun Naja dan Undang-undang Nomor 23 Tahun 2011 tentang Pengelolaan Zakat di Indonesia yang meliputi pengertian zakat, macam-macam zakat dan harta yang wajib dikeluarkan zakatnya sebegaimana yang telah dijelaskan pada materi sebelumnya disini.&lt;/p&gt;

&lt;h2&gt;Ringkasan Materi Soal Latihan&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;Pengertian Zakat &amp;amp; Istilah Penting: Memahami konsep Muzakki (pembayar zakat) dan Mustahik (penerima zakat)&lt;/li&gt;
  &lt;li&gt;Kajian Fiqih Klasik (Kitab Safinatun Naja): Mengenal 6 jenis harta wajib zakat (An-Na&#39;am, An-Naqdan, Al-Mu&#39;asysyarat, Urudlut-Tijarah, Ar-Rikaz, dan Al-Ma&#39;din)&lt;/li&gt;
  &lt;li&gt;Regulasi Indonesia: Memahami Undang-undang No. 23 Tahun 2011 dan pembagian zakat fitrah serta zakat mal&lt;/li&gt;
&lt;/ul&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
  body {
    font-family: &quot;Roboto&quot;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
  }

  /* Font Arab Khusus */
  .arab {
    font-family: &quot;Amiri&quot;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
  }

  /* Agar pilihan ganda Arab juga rata kanan */
  .pilihan-jawaban.arab {
    text-align: right;
    direction: rtl;
  }

  /* Kotak Utama */
  .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2e7d32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Judul &amp; Header */
  h2 {
    color: #2e7d32;
    margin-top: 0;
  }

  /* Form Input */
  .form-group {
    margin-bottom: 15px;
    text-align: left;
  }
  .form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
  }
  .form-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
  }

  /* Pilihan Jawaban */
    .pilihan-jawaban {
    display: flex; /* Mengubah dari block menjadi flex agar sejajar */
    align-items: flex-start; /* Memastikan bulatan sejajar dengan baris pertama teks */
    margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
    line-height: 1.5; /* Memberi jarak antar baris teks agar lebih rapi membaca */
    }
    .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
    
    .pilihan-jawaban input { 
    flex-shrink: 0; /* Mencegah bulatan mengecil saat teks terlalu panjang */
    margin-top: 4px; /* Menurunkan sedikit bulatan agar pas di tengah baris pertama */
    margin-right: 12px; /* Memberi jarak antara bulatan dengan teks di sebelah kanannya */
    margin-left: 0; /* Menghapus margin kiri sebelumnya */
    transform: scale(1.3); 
    }

  /* Tombol Navigasi */
  .btn-nav-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px dashed #ddd;
  }
  .btn-hijau {
    background: #2e7d32;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  }
  .btn-hijau:hover {
    background: #1b5e20;
    transform: translateY(-2px);
  }

  .btn-abu {
    background: #757575;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
  }
  .btn-abu:hover {
    background: #616161;
  }

  /* Info Siswa di atas soal */
  #info-siswa-bar {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-weight: bold;
    border: 1px dashed #2e7d32;
    display: flex;
    justify-content: space-between;
  }

  /* Tampilan Hasil Akhir */
  .hasil-box {
    text-align: center;
  }
  .skor-besar {
    font-size: 60px;
    font-weight: bold;
    color: #2e7d32;
    display: block;
    margin: 10px 0;
  }

  .detail-nilai {
    text-align: left;
    background: #fffde7;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
    border: 1px solid #fff59d;
  }
  .list-benar {
    color: #2e7d32;
    font-weight: bold;
    line-height: 1.5;
  }
  .list-salah {
    color: #d32f2f;
    font-weight: bold;
    line-height: 1.5;
  }

  /* Animasi Slide */
  .slide-soal {
    display: none;
    animation: fadeIn 0.4s;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
  &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvjL86OJlyBAV6NEou2gtZh5FUvsRZor20jh2rySFxJ9fRfqF3PUblE10quG7dfl0U_uHOCu4-Ag_y1O-9MXDwYLOfV18M1IXhxOj3pmjbqAmJHbKA_7DKLcjqNIWFu8m7EIt3F1eLZs5WIaYnWKK4td8SWJ9bCQrsx_XkWBY9-QRSA3BcXrW-_wj2iuc/s1600/logo-soal-latihan-smpn1-400x100px.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;
 
  &lt;h2&gt;Latihan Soal&lt;/h2&gt;
  &lt;p id=&quot;teksJudulMateri&quot;&gt;Zakat dalam Kitab Safinatun Najah $ UU No. 23 Tahun 2011&lt;/p&gt;
  &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nomor Absen:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; type=&quot;text&quot; /&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;
  &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;

  &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Kitab fiqih klasik Safinatun Naja yang menjadi rujukan dalam artikel materi tentang zakat tersebut dikarang oleh...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Imam Syafi&#39;i&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Syekh Salim bin Sumair Al-Hadhramiy&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Imam Al-Ghazali&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Syekh Nawawi Al-Bantani&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Syarat wajib zakat untuk hewan ternak (An-Na&#39;am) selain mencapai batas minimal (nisab) adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt; Harus digunakan untuk membajak sawah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Hewan berjenis kelamin betina&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Telah dimiliki selama setahun penuh&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Hewan tersebut baru saja lahir&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Kategori &lt;i&gt;Al-Mu&#39;asysyarat&lt;/i&gt; (hasil pertanian) yang wajib dizakati adalah jenis tumbuhan yang...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Menjadi makanan pokok dan dapat disimpan lama&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Berupa buah-buahan segar dan sayur mayur&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Ditanam di halaman rumah saja&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tidak dapat dikonsumsi oleh manusia&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Berapa besaran nilai wajib zakat untuk harta perdagangan (&#39;Urudlut-Tijarah) menurut penjelasan dalam kitab Safinatun Najaa?&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;20%&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;10%&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;5%&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;2,5%&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Emas atau perak yang digali dan dikeluarkan dari dalam tambang perut bumi disebut dengan istilah...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Ar-Rikaz&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;&#39;Urudlut-Tijarah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Al-Ma&#39;din&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;An-Naqdan&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Pasal 1 angka 2 Undang-Undang Nomor 23 Tahun 2011 mendefinisikan zakat sebagai...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Sumbangan sukarela dari umat Islam untuk negara&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Harta yang wajib dikeluarkan muslim/badan usaha untuk yang berhak menerimanya sesuai syariat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Pajak tahunan yang wajib dibayarkan kepada pemerintah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Sedekah jariyah yang diberikan ke masjid&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Manakah dari berikut ini yang BUKAN termasuk jenis harta yang wajib dizakati menurut Kitab Safinatun Najaa?&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;An-Na&#39;am (Hewan ternak)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Al-Ma&#39;din (Barang tambang)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Al-Bina (Bangunan/properti)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;An-Naqdan (Emas dan perak)&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Di bawah ini yang merupakan rincian objek zakat mal menurut Undang-Undang Nomor 23 Tahun 2011 Pasal 4 ayat (2), &lt;b&gt;KECUALI&lt;/b&gt;...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Pertanian, perkebunan, dan kehutananh&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Zakat jiwa di bulan Ramadhan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Pendapatan dan jasan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Emas, perak, dan logam mulia lainnya&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Zakat jiwa yang wajib dikeluarkan oleh setiap muslim di bulan Ramadhan untuk membersihkan diri dan menyempurnakan ibadah puasa disebut...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Zakat Fitrah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Zakat Mal&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;PZakat Perniagaan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Zakat Rikaz&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Apa yang dimaksud dengan An-Naqdan dalam kategori harta wajib zakat menurut kitab Safinatun Najaa?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Harta berupa hewan ternak&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Harta berupa hasil pertanian&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Harta berupa barang dagangan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Harta berupa emas dan perak&lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;
      Kembali
    &lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;
      Selanjutnya
    &lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;
      Selesai &amp;amp; Lihat Nilai
    &lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
    &lt;!-- Margin-top minus ditambahkan agar posisi naik dan simetris --&gt;
    &lt;h2 style=&quot;color: #2e7d32; margin-top: -15px;&quot;&gt;Hasil Latihan&lt;/h2&gt;
    
    &lt;!--Tambahan Kotak Identitas di Halaman Hasil--&gt;
    &lt;div style=&quot;background: rgb(232, 245, 233); border-radius: 8px; border: 1px dashed rgb(46, 125, 50); display: inline-block; margin-bottom: 20px; min-width: 250px; padding: 15px; text-align: left;&quot;&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #A5D6A7;&quot;&gt;📝 &lt;b&gt;Materi:&lt;/b&gt; &lt;span id=&quot;hasilMateri&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;👤 &lt;b&gt;Nama:&lt;/b&gt; &lt;span id=&quot;hasilNama&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;📚 &lt;b&gt;Kelas:&lt;/b&gt; &lt;span id=&quot;hasilKelas&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;div style=&quot;color: #333333; margin-bottom: 5px;&quot;&gt;🔢 &lt;b&gt;No. Absen:&lt;/b&gt; &lt;span id=&quot;hasilAbsen&quot;&gt;&lt;/span&gt;&lt;/div&gt;
        &lt;!-- Tambahan baris Waktu Mengerjakan --&gt;
        &lt;div style=&quot;color: #333333; margin-top: 10px; padding-top: 5px; border-top: 1px dashed #A5D6A7;&quot;&gt;⏱️ &lt;b&gt;Waktu:&lt;/b&gt; &lt;span id=&quot;hasilWaktu&quot;&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;

    &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
    &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

    &lt;div class=&quot;detail-nilai&quot; style=&quot;padding: 15px;&quot;&gt;
    &lt;p style=&quot;margin-top: 0;&quot;&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 12px 0px;&quot; /&gt;
    &lt;p style=&quot;margin-bottom: 0;&quot;&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;/div&gt;

    &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;

&lt;script&gt;
  // --- KONFIGURASI SOAL ---
  const totalSoal = 10;
  const kunciJawaban = {
    soal1: &quot;B&quot;,
    soal2: &quot;C&quot;,
    soal3: &quot;A&quot;,
    soal4: &quot;D&quot;,
    soal5: &quot;C&quot;,
    soal6: &quot;B&quot;,
    soal7: &quot;C&quot;,
    soal8: &quot;B&quot;,
    soal9: &quot;A&quot;,
    soal10: &quot;D&quot;,
  };

  let slideIndex = 1;

  // 1. MULAI LATIHAN
  function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
    alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
    return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;
    document.getElementById(&#39;hasilKelas&#39;).innerText = kelas; // &lt;-- Tambahan untuk Kelas
    document.getElementById(&#39;hasilAbsen&#39;).innerText = sekolah; // &lt;-- Tambahan untuk Absen (Variabelnya bernama sekolah karena ID inputnya inputSekolah)
    // Menarik teks materi secara otomatis ke halaman hasil
    var teksMateri = document.getElementById(&#39;teksJudulMateri&#39;).innerText;
    document.getElementById(&#39;hasilMateri&#39;).innerText = teksMateri;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
    }

  // 2. NAVIGASI SLIDE
    function gantiSlide(n) {
    showSlide(slideIndex += n);
    }

    function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
    slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
    btnNext.style.display = &quot;none&quot;;
    btnFinish.style.display = &quot;inline-block&quot;;
    } else {
    btnNext.style.display = &quot;inline-block&quot;;
    btnFinish.style.display = &quot;none&quot;;
    }
    }

  // 3. SELESAI &amp; HITUNG NILAI
    function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
    var namaRadio = &quot;soal&quot; + i;
    var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
    var kunci = kunciJawaban[namaRadio];

    if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
    } else {
        arrSalah.push(i);
    }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Menangkap waktu saat ini (Real-time) format Indonesia
    var waktu = new Date();
    var namaHari = [&#39;Minggu&#39;, &#39;Senin&#39;, &#39;Selasa&#39;, &#39;Rabu&#39;, &#39;Kamis&#39;, &#39;Jumat&#39;, &#39;Sabtu&#39;];
    var namaBulan = [&#39;Januari&#39;, &#39;Februari&#39;, &#39;Maret&#39;, &#39;April&#39;, &#39;Mei&#39;, &#39;Juni&#39;, &#39;Juli&#39;, &#39;Agustus&#39;, &#39;September&#39;, &#39;Oktober&#39;, &#39;November&#39;, &#39;Desember&#39;];
    var hariIni = namaHari[waktu.getDay()];
    var tanggalIni = waktu.getDate();
    var bulanIni = namaBulan[waktu.getMonth()];
    var tahunIni = waktu.getFullYear();
    var jam = waktu.getHours().toString().padStart(2, &#39;0&#39;);
    var menit = waktu.getMinutes().toString().padStart(2, &#39;0&#39;);
    var detik = waktu.getSeconds().toString().padStart(2, &#39;0&#39;);
    
    var waktuFormat = hariIni + &quot;, &quot; + tanggalIni + &quot; &quot; + bulanIni + &quot; &quot; + tahunIni + &quot; - Pukul &quot; + jam + &quot;:&quot; + menit + &quot;:&quot; + detik + &quot; WIB&quot;;
    document.getElementById(&#39;hasilWaktu&#39;).innerText = waktuFormat;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
    }
&lt;/script&gt;
</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/5878242694976141147/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2026/08/latihan-soal-materi-tentang-zakat-kdk-bagian-1.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5878242694976141147'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5878242694976141147'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2026/08/latihan-soal-materi-tentang-zakat-kdk-bagian-1.html' title='Latihan Soal Materi Tentang Zakat (bagian-1)'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE1ZZVcdWPEHVC3lL1mW70fyO2-_eIWLurHlKKVlxwLSm0uSWwzbeyawhnpvFU83nZ04Iir3Evj3xmPV8hOse8mBaU4-nvSbJF6945ksTNeh3XYiB1utBATuFrSevgfMd4uYkXhn3Sns0Dym0vxkkptxVrClwlFHhwQCOQtXSr3ge-n8LIZCSi8hypAp0/s72-c/logo-post-soal-latihan-bagian-1.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-3508630683340783899</id><published>2025-12-14T05:32:00.013+07:00</published><updated>2025-12-14T23:31:40.348+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aqidatul Awam"/><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><title type='text'>Membedah Kualitas Pendidikan Diniyah: Kecamatan Jombang Tertinggi, Sumobito Nomor 4, Ngoro?</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both&quot;&gt;
  &lt;a
    href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiANRMfeVlEA7hW7SKVw5aWViyzyrFJGYp2pqobWnZ5CEvXKQUDybLAVYE90W0F8wX2I-9lWXuaKA4EO56xwsfVz6rwxc_RdoiW3jdPPb8A1IzDvf-3TTYaDla4amQGwWxi0ydwaNyIfx2eP3m1s_jLyjkyMZT0WfnRXGW4blq5lt4NmbmqqzrOfb42GsE/s1600/membedah-kualitas-pendidikan-diniyah-kabupaten-jombang.webp&quot;
    style=&quot;display: block; padding: 1em 0; text-align: center&quot;
    &gt;&lt;img
      alt=&quot;&quot;
      border=&quot;0&quot;
      data-original-height=&quot;360&quot;
      data-original-width=&quot;640&quot;
      src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiANRMfeVlEA7hW7SKVw5aWViyzyrFJGYp2pqobWnZ5CEvXKQUDybLAVYE90W0F8wX2I-9lWXuaKA4EO56xwsfVz6rwxc_RdoiW3jdPPb8A1IzDvf-3TTYaDla4amQGwWxi0ydwaNyIfx2eP3m1s_jLyjkyMZT0WfnRXGW4blq5lt4NmbmqqzrOfb42GsE/s1600/membedah-kualitas-pendidikan-diniyah-kabupaten-jombang.webp&quot;
  /&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;h2&gt;Pendahuluan&lt;/h2&gt;
&lt;p&gt;
  &lt;a href=&quot;diniyah.my.id/2025/12/membedah-kualitas-pendidikan-diniyah-kabupaten-jombang.html&quot;&gt;Membedah Kualitas Pendidikan Diniyah&lt;/a&gt; dengan mengacu pada hasil Sumatif Akhir Semester (SAS) Tahun Ajaran 2025-2026. Sumatif Akhir Semester adalah proses krusial yang harus dijalani oleh
  semua siswa di setiap akhir semester. Jika biasanya evaluasi ini dilaksanakan
  secara konvensional (berbasis kertas), kali ini Mapel Pendidikan Diniyah
  mengambil langkah untuk fokus pada evaluasi dengan memanfaatkan transformasi digital. Kami
  mengadakan Ujian Online Berbasis Komputer untuk meminimalisir intervensi
  manual serta mengedepankan hasil yang riil dan nyata tentang &lt;b&gt;sejauh mana
  kemampuan siswa dalam memahami materi Diniyah&lt;/b&gt; (khususnya Kitab Aqidatul Awam)
  di 20 Lembaga yang tersebar di enam kecamatan wilayah Kabupaten Jombang, yakni
  Kecamatan Jombang, Ploso, Sumobito, Peterongan, Jogoroto, dan Ngoro.
&lt;/p&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6JDbTt4TJU_RTMXA_c4Y-b_iNtux6QVact0AVq9jEwXYrAQ_2HXMTbxPjZq2D39o_TXqa_fxnHW8ysh9Pu0YxF7Ldqnyb0DiPC7yTLLhGY-52Cv-CCzBA2GSE3yr49zZ35F5MLivRtwpSt9670Kv3yMqx2pNoBZn0KCzJTqkH6zKrljNK502iJFGk1PU/s1600/sdn-palrejo.webp&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6JDbTt4TJU_RTMXA_c4Y-b_iNtux6QVact0AVq9jEwXYrAQ_2HXMTbxPjZq2D39o_TXqa_fxnHW8ysh9Pu0YxF7Ldqnyb0DiPC7yTLLhGY-52Cv-CCzBA2GSE3yr49zZ35F5MLivRtwpSt9670Kv3yMqx2pNoBZn0KCzJTqkH6zKrljNK502iJFGk1PU/s1600/sdn-palrejo.webp&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  Dalam dunia pendidikan, data bukan sekadar kumpulan angka di atas kertas,
  melainkan cerminan nyata dari proses pembelajaran yang telah berlangsung.
  Berdasarkan rekapitulasi hasil Asesmen Sumatif Akhir Semester (SAS) Kelas 6
  Mata Pelajaran Kitab Aqidatul Awam untuk tingkat Sekolah Dasar di Kabupaten
  Jombang, kami melakukan analisis mendalam terhadap
  performa akademis dari 341 siswa kelas 6 yang tersebar di enam kecamatan
  tersebut
&lt;/p&gt;

&lt;p&gt;
  Seberapa siapkah siswa kita menghadapi ujian tahun ini? Untuk menjawab
  pertanyaan tersebut dengan jujur, kami mencoba menerapkan standar evaluasi baru
  melalui Ujian Online Berbasis Komputer yang dilaksanakan mulai tanggal 3–12 Desember
  2025 (dengan menyesuaikan jadwal SAS di masing-masing lembaga). Metode evaluasi ini diterapkan secara serentak untuk memastikan setiap
  siswa dinilai dengan standar yang sama, adil, dan transparan. Hasilnya cukup
  mengejutkan dan memberikan kita banyak pekerjaan rumah
&lt;/p&gt;

&lt;h3&gt;Motodologi dan Istrumen Data&lt;/h3&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;b&gt;Metode Evaluasi:&lt;/b&gt; Ujian Online Berbasis Komputer&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Mata Pelajaran:&lt;/b&gt; Kitab Aqidatul Awam&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Kelas:&lt;/b&gt; 6 (enam)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Waktu Pelaksanaan:&lt;/b&gt; 03 – 12 Desember 2025&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Cakupan Wilayah:&lt;/b&gt; 20 Lembaga di 6 Kecamatan Kabupaten Jombang&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Sampel Data:&lt;/b&gt; 341 Peserta Didik Kelas 6&lt;/li&gt;
  &lt;li&gt;
    &lt;b&gt;Integritas Data:&lt;/b&gt; Sistem ujian online digunakan untuk memastikan
    efisiensi penilaian, meminimalisir human error dalam koreksi, serta menjaga
    otentisitas hasil pengerjaan siswa secara real-time. Pasca ujian,
    transparansi dijaga dengan pembagian hasil nilai dalam bentuk file PDF oleh
    Pembimbing Diniyah masing-masing
  &lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Bentuk Soal Ujian:&lt;/b&gt; Bentuk Soal Ujian &lt;b&gt;100% Menggunakan Tulisan Pegon&lt;/b&gt; yang sudah kami siapkan &lt;a href=&quot;https://www.diniyah.my.id/2025/11/latihan-soal-aqidatul-awam-semester-1.html&quot; target=&quot;_blank&quot;&gt;disini&lt;/a&gt;, untuk memastikan tujuan pembelajaran benar-benar tersampaikan secara maksimal kepada peserta didik&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Hasil Nilai Secara Global&lt;/h2&gt;
&lt;p&gt;
  Sebelum membedah performa per wilayah, mari kita lihat gambaran besarnya.
  Secara agregat dari 341 siswa yang mengikuti ujian, rata-rata nilai global
  berada di angka &lt;b&gt;68.17&lt;/b&gt;
&lt;/p&gt;

&lt;p&gt;
  Angka ini mungkin sekilas terlihat &quot;aman&quot;, namun data statistik menunjukkan
  fakta yang lebih dalam. Distribusi nilai siswa sangat bervariasi. Kami
  menemukan sekelompok siswa yang sangat menguasai materi dengan nilai mendekati
  sempurna (90-100), namun di sisi lain, terdapat jumlah yang signifikan siswa
  dengan nilai di bawah standar rata-rata
&lt;/p&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both&quot;&gt;
  &lt;a
    href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigm9CIvYdna9LIV6a_m2TFsbS9tYHz43UpIyVfWZ076ecFu7db0XQTN1OLEU474aYRIeliOnj2Fpn6q7E2AcLkVa-BFYCu4LH-53sE75i7L2Jxw0Dcx_C9VzlYtzj9-uSHBGGRwsGO8ILMj3K0srB-o7XNDGRo_Nw6hc7nCIxg3ryjMeY-1Tu1WM8K4U4/s1600/1-GRAFIK-HISTOGRAM-DISTRIBUSI-NILAI-DINIYAH.png&quot;
    style=&quot;display: block; padding: 1em 0; text-align: center&quot;
    &gt;&lt;img
      alt=&quot;&quot;
      border=&quot;0&quot;
      data-original-height=&quot;600&quot;
      data-original-width=&quot;1000&quot;
      src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigm9CIvYdna9LIV6a_m2TFsbS9tYHz43UpIyVfWZ076ecFu7db0XQTN1OLEU474aYRIeliOnj2Fpn6q7E2AcLkVa-BFYCu4LH-53sE75i7L2Jxw0Dcx_C9VzlYtzj9-uSHBGGRwsGO8ILMj3K0srB-o7XNDGRo_Nw6hc7nCIxg3ryjMeY-1Tu1WM8K4U4/s1600/1-GRAFIK-HISTOGRAM-DISTRIBUSI-NILAI-DINIYAH.png&quot;
  /&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;p&gt;
  Grafik di atas memperlihatkan adanya polarisasi. Hal ini
  mengindikasikan bahwa meskipun metode ujiannya sama, tingkat kesiapan dan
  pemahaman materi siswa sangat beragam. Ini menjadi sinyal awal bahwa ada
  ketimpangan kualitas pembelajaran yang perlu dievaluasi.
&lt;/p&gt;

&lt;h2&gt;Peringkat Rata-Rata Per Kecamatan&lt;/h2&gt;
&lt;p&gt;
  Bagaimana performa masing-masing wilayah kecamatan? Berdasarkan analisis
  rata-rata nilai, berikut adalah peringkat performa 6 kecamatan di Kabupaten
  Jombang, diurutkan dari yang tertinggi:
&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;&lt;b&gt;Kecamatan Jombang&lt;/b&gt; (Rata-rata: &lt;b&gt;74.0&lt;/b&gt;)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Kecamatan Ploso&lt;/b&gt; (Rata-rata: &lt;b&gt;73.0&lt;/b&gt;)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Kecamatan Peterongan&lt;/b&gt; (Rata-rata: &lt;b&gt;67.6&lt;/b&gt;)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Kecamatan Sumobito&lt;/b&gt; (Rata-rata: &lt;b&gt;65.7&lt;/b&gt;)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Kecamatan Jogoroto&lt;/b&gt; (Rata-rata: &lt;b&gt;58.3&lt;/b&gt;)&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Kecamatan Ngoro&lt;/b&gt; (Rata-rata: &lt;b&gt;50.5&lt;/b&gt;)&lt;/li&gt;
&lt;/ol&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both&quot;&gt;
  &lt;a
    href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0U5nLrdV6wsW2XeyWcja7OFkhc1qGpnZDfjhXeLRIMYUJ5BkmcrOfu5p1czii5QSrRfSwd9Sq-LhXhnI2X4gSjcYrtu0EKyWiW-_Se_2CNYJUwENFCnWp2INk8m77UyzyxBxQXvke-Udcn68lCXTRl0PJQ8CkUg63lYsnBJqKXbnFW-gNc6UwmOFnJs/s1600/2-grafik-perbandingan-per-kecamatan.png&quot;
    style=&quot;display: block; padding: 1em 0; text-align: center&quot;
    &gt;&lt;img
      alt=&quot;&quot;
      border=&quot;0&quot;
      data-original-height=&quot;600&quot;
      data-original-width=&quot;1000&quot;
      src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0U5nLrdV6wsW2XeyWcja7OFkhc1qGpnZDfjhXeLRIMYUJ5BkmcrOfu5p1czii5QSrRfSwd9Sq-LhXhnI2X4gSjcYrtu0EKyWiW-_Se_2CNYJUwENFCnWp2INk8m77UyzyxBxQXvke-Udcn68lCXTRl0PJQ8CkUg63lYsnBJqKXbnFW-gNc6UwmOFnJs/s1600/2-grafik-perbandingan-per-kecamatan.png&quot;
  /&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;p&gt;
  Grafik di atas menunjukkan dominasi &lt;b&gt;Kecamatan Jombang&lt;/b&gt; dan
  &lt;b&gt;Ploso&lt;/b&gt; yang bersaing sangat ketat di papan atas. Keduanya berhasil
  mempertahankan rata-rata di atas angka 70, menjadikan dua wilayah ini sebagai
  tolok ukur keberhasilan pembelajaran materi Diniyah Kitab Aqidatul Awam pada
  semester ini
&lt;/p&gt;

&lt;p&gt;
  Sementara itu, &lt;b&gt;Kecamatan Sumobito&lt;/b&gt; harus puas berada di posisi ke-4
  dengan nilai &lt;b&gt;65.7&lt;/b&gt;. meskipun posisi ini tergolong &quot;aman&quot; namun
  membutuhkan dorongan ekstra untuk bisa masuk ke jajaran tiga besar.
&lt;/p&gt;

&lt;h2&gt;Analisis: Mengapa Ada &quot;Gap&quot; yang Lebar?&lt;/h2&gt;

&lt;p&gt;
  Sorotan utama dari data ini bukanlah siapa yang juara, melainkan seberapa
  lebar jarak (gap) kualitas antar 6 kecamatan tersebut. Terdapat selisih
  &lt;b&gt;23.5 poin&lt;/b&gt; antara peringkat pertama (Jombang) dengan peringkat terakhir
  (Ngoro)
&lt;/p&gt;

&lt;p&gt;
  Perbedaan nilai ujian (Disparitas) yang cukup ekstrem di Kecamatan Ngoro
  (50.5) dan Jogoroto (58.3) setidaknya memunculkan beberapa pertanyaan
  reflektif bagi kita semua selaku pendidik:
&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;b&gt;Faktor Adaptasi Teknologi&lt;/b&gt;: Mengingat ini adalah tahap awal Ujian
    Online Berbasis Komputer pada materi diniyah, apakah siswa di wilayah
    tertentu mengalami kendala teknis atau kegugupan dalam mengoperasikan
    perangkat, yang kemudian bisa mempengaruhi konsentrasi mereka?
  &lt;/li&gt;
  &lt;li&gt;
    &lt;b&gt;Pemerataan Materi&lt;/b&gt;: Apakah kedalaman penyampaian materi Kitab Aqidatul
    Awam sudah setara di setiap lembaga? Apakah sudah tersampaikan semua sesuai
    dengan Silabus Pendidikan Diniyah yang coba kami terapkan dalam bentuk
    &lt;a
      href=&quot;https://www.diniyah.my.id/2025/11/latihan-soal-aqidatul-awam-semester-1.html&quot;
      &gt;Latihan Soal Aqidatul Awam Semester 1&lt;/a
    &gt; ini.
  &lt;/li&gt;
  &lt;li&gt;
    &lt;b&gt;Infrastruktur&lt;/b&gt;: Apakah kesiapan fasilitas penunjang ujian online di
    semua kecamatan sudah merata? seperti jaringan internet, chrombook, HP dan
    sebagainya
  &lt;/li&gt;
&lt;/ul&gt;

&lt;p class=&quot;note&quot;&gt;
  Hasil perolehan nila di peringkat bawah (sebagaimana tabel diagram diatas) ini
  bukanlah indikator kegagalan siswa semata, melainkan alarm bagi kita ataupun
  sistem pendidikan kita untuk memberikan perhatian lebih intensif lagi.
&lt;/p&gt;

&lt;h2&gt;Rekomendasi Kami untuk Langkah Selanjutnya&lt;/h2&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-q4ow5pV2QoaRU2yrJhjsLQyyhb1FP49CmgOJ8350WU3bIaXhLYYopRRpG1y6i7j7U9uRanmqPB45o7o0AXm9-j4vqdehRLaHDr0WYO1_o-V-lu7eZOz9uSDuResuB94SPCiFmd2AInJ7qNTu9MPNMxZph2sjCnOOmaB9lLYkG3MQgdvPb83bxMcBOWg/s1600/sdn-campur-campur.webp&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-q4ow5pV2QoaRU2yrJhjsLQyyhb1FP49CmgOJ8350WU3bIaXhLYYopRRpG1y6i7j7U9uRanmqPB45o7o0AXm9-j4vqdehRLaHDr0WYO1_o-V-lu7eZOz9uSDuResuB94SPCiFmd2AInJ7qNTu9MPNMxZph2sjCnOOmaB9lLYkG3MQgdvPb83bxMcBOWg/s1600/sdn-campur-campur.webp&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  Artikel ini kami tulis murni bertujuan untuk membuat evaluasi yang se-objektif
  mungking demi perbaikan bersama. Berdasarkan data di atas, berikut adalah
  rekomendasi strategis yang mungkin dapat kita lakukan khususnya Pengurs KKP-PD
  Kabupaten Jombang:
&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;b&gt;Program Silaturrahmi Antar Pembimbing&lt;/b&gt; (Ngopi Geden): Menjalin silaturrahmi antar pembimbing diniyah lintas kecamatan untuk evaluasi dan mengatasi &lt;b&gt;problem solving&lt;/b&gt; bersama. Semisal lembaga di
    Kecamatan lain mungkin juga perlu mendapatkan prioritas pendampingan, baik
    berupa kelas tambahan (remedial) maupun evaluasi bersama terkait strategi dan metode pengajaran dll.
  &lt;/li&gt;
  &lt;li&gt;
    &lt;b&gt;Berbagi Praktik&lt;/b&gt; (Best Practice): Kecamatan Jombang dan Ploso telah
    membuktikan keberhasilannya dalam pembelajaran
    &lt;a href=&quot;diniyah.my.id&quot;&gt;Materi Diniyah&lt;/a&gt;. Kiranya perlu diadakan forum
    berbagi ilmu dimana guru-guru dari wilayah ini bisa membagikan metode
    pengajaran mereka kepada rekan-rekan di wilayah lain.
  &lt;/li&gt;
  &lt;li&gt;
    &lt;b&gt;Simulasi Ujian Digital&lt;/b&gt;: Untuk meminimalisir faktor gagap teknologi,
    simulasi ujian berbasis komputer kiranya perlu dilakukan lebih sering, agar
    siswa bisa lebih fokus pada materi soal, bukan bingung pada cara penggunaan
    aplikasi ataupun perangkat.
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Penutup&lt;/h2&gt;

&lt;p&gt;
  Transformasi digital melalui Ujian Online telah membuka mata kita akan peta
  kualitas pendidikan Diniyah yang sebenarnya di Kabupaten Jombang. Angka-angka
  ini bukan sekadar vonis, melainkan navigasi yang bisa dikendalikan oleh pembimbing masing-masing.
&lt;/p&gt;

&lt;p&gt;
  Contoh hasil di Ngoro atau Jogoroto diatas bukanlah akhir, melainkan titik awal bagi kita
  semua untuk merapatkan barisan. Sebagai dasar landasan
  untuk bekerja lebih keras dan istiqomah, agar di semester depan, kualitas &lt;a href=&quot;diniyah.my.id&quot;&gt;pendidikan Diniyah&lt;/a&gt; di Jombang bisa tumbuh serentak, merata, dan membanggakan. Sebagaimana keberhasilan Jombang sebagai &lt;b&gt;Kota Santri&lt;/b&gt; dengan mencetak &lt;b&gt;2.259&lt;/b&gt; siswa SD/MI sebagai &lt;b&gt;Generasi Masa Depan, yang Berprestasi, Beradab dan Berkarakter&lt;/b&gt; pada Wisuda Tahfidz Al-Qur&#39;an Juz 30 yang dilaksanakan pada tanggal 09 Desember 2025 kemarin.
&lt;/p&gt;


</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/3508630683340783899/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/12/membedah-kualitas-pendidikan-diniyah-kabupaten-jombang.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/3508630683340783899'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/3508630683340783899'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/12/membedah-kualitas-pendidikan-diniyah-kabupaten-jombang.html' title='Membedah Kualitas Pendidikan Diniyah: Kecamatan Jombang Tertinggi, Sumobito Nomor 4, Ngoro?'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiANRMfeVlEA7hW7SKVw5aWViyzyrFJGYp2pqobWnZ5CEvXKQUDybLAVYE90W0F8wX2I-9lWXuaKA4EO56xwsfVz6rwxc_RdoiW3jdPPb8A1IzDvf-3TTYaDla4amQGwWxi0ydwaNyIfx2eP3m1s_jLyjkyMZT0WfnRXGW4blq5lt4NmbmqqzrOfb42GsE/s72-c/membedah-kualitas-pendidikan-diniyah-kabupaten-jombang.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-6080128503004581167</id><published>2025-12-10T12:42:00.007+07:00</published><updated>2025-12-14T08:25:05.847+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahajji"/><title type='text'>Belajar Membaca Huruf Hijaiyah dan Angka Arab</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9dSsu3R6S15ql4GN2lp0G-68UzqPwcbw9sBfzlyS_DHkoCcG1xAeW-_XQm1jhKdNsGz78QHUV1he9-lIE81fKCyOBgemrEgFbbkta13UHw9cGZcwwYV3PRAwObJ-Mr1tCpvjDQutEPdxTjNJxcf6hCWSdNIUn_CKECKQjXfbh9QkHjGhF3S09gtZofLU/s1600/belajar-membaca-huruf-hijaiyah-dan-angka.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Belajar Membaca Huruf Hijaiyah dan Angka Arab&quot; border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9dSsu3R6S15ql4GN2lp0G-68UzqPwcbw9sBfzlyS_DHkoCcG1xAeW-_XQm1jhKdNsGz78QHUV1he9-lIE81fKCyOBgemrEgFbbkta13UHw9cGZcwwYV3PRAwObJ-Mr1tCpvjDQutEPdxTjNJxcf6hCWSdNIUn_CKECKQjXfbh9QkHjGhF3S09gtZofLU/s16000/belajar-membaca-huruf-hijaiyah-dan-angka.webp&quot; title=&quot;Belajar Membaca Huruf Hijaiyah dan Angka Arab&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  &lt;a href=&quot;diniyah.my.id&quot;&gt;Belajar Diniyah&lt;/a&gt; - Belajar Cara &lt;a href=&quot;https://www.diniyah.my.id/2025/12/belajar-membaca-huruf-hijaiyah-dan-angka-arab.html&quot;&gt;Membaca Huruf Hijaiyah dan juga Mengenali Angka&lt;/a&gt; dalam bentuk game dan permainan yang interaktif dan menyenangkan&lt;/p&gt;

&lt;p&gt;
  Setelah
  sebelumnya kita belajar materi dasar tentang
  &lt;a href=&quot;https://www.diniyah.my.id/2025/12/tahajji-1-belajar-mengenal-huruf-hijaiyah.html&quot;&gt;Belajar Mengenal Huruf Hijaiyah Untuk Pemula&lt;/a&gt;, kemudian dilanjut dengan materi
  &lt;a href=&quot;https://www.diniyah.my.id/2025/12/belajar-mengenal-harokat-dan-angka-arab-metode-tahaji.html&quot;&gt;Belajar Mengenal Harokat dan Angka Arab&lt;/a&gt;
  dalam metode tahaji, dan supaya pelajaran sebelumnya bisa kita fahami dengan
  maksimal, pada materi kali ini kita akan belajar tentang praktik
  Belajar Membaca Huruf Hijaiyah dan Angka Arab&lt;/a&gt; dengan mudah dan
  menyenangkan dalam bentuk permainan yang interaktif.
&lt;/p&gt;

&lt;p&gt;
  Pada pembelajaran kali ini, kita akan belajar Cara Membaca Huruf Hijaiyah dan
  juga Mengenali Angka dalam tulisan arab mulai angka satuan, puluhan, ratusan dan ribuan dalam bentuk
  permainan yang interaktif.
&lt;/p&gt;

&lt;p&gt;&lt;b&gt;Membaca Huruf Hijaiyah Berharokat&lt;/b&gt;

&lt;/p&gt;&lt;ul&gt;
  &lt;li&gt;Baca huruf hijaiyah yang berharokat di dalam kartu kotak, kemudian&lt;/li&gt;
  &lt;li&gt;Geser kartu huruf tersebut ke pilihan jawaban yang benar&lt;/li&gt;
  &lt;li&gt;Ulangi latihan beberapa kali sampai benar-benar hafal cara membacanya&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;/p&gt;

&lt;div class=&quot;diniyah-post&quot;&gt;
  &lt;div class=&quot;quiz-container-wrapper&quot; id=&quot;quiz-hijaiyah&quot;&gt;&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Membaca Angka Satuan&lt;/b&gt;
  &lt;/p&gt;&lt;ul&gt;
    &lt;li&gt;Baca angka yang ada dalam kartu Kotak, kemudian&lt;/li&gt;
    &lt;li&gt;Geser kartu tersebut ke pilihan jawaban yang benar&lt;/li&gt;
  &lt;/ul&gt;
&lt;p&gt;&lt;/p&gt;
  &lt;div class=&quot;quiz-container-wrapper&quot; id=&quot;quiz-satuan&quot;&gt;&lt;/div&gt;
&lt;p&gt;&lt;b&gt;Membaca Angka Puluhan&lt;/b&gt;
  &lt;/p&gt;&lt;ul&gt;
    &lt;li&gt;Baca angka yang ada dalam kartu Kotak, kemudian&lt;/li&gt;
    &lt;li&gt;Geser kartu tersebut ke pilihan jawaban yang benar&lt;/li&gt;
  &lt;/ul&gt;
&lt;p&gt;&lt;/p&gt;
  &lt;div class=&quot;quiz-container-wrapper&quot; id=&quot;quiz-puluhan&quot;&gt;&lt;/div&gt;

&lt;p&gt;&lt;b&gt;Membaca Angka Ratusan&lt;/b&gt;
  &lt;/p&gt;&lt;ul&gt;
    &lt;li&gt;Baca angka yang ada dalam kartu Kotak, kemudian&lt;/li&gt;
    &lt;li&gt;Geser kartu tersebut ke pilihan jawaban yang benar&lt;/li&gt;
  &lt;/ul&gt;
&lt;p&gt;&lt;/p&gt;

  &lt;div class=&quot;quiz-container-wrapper&quot; id=&quot;quiz-ratusan&quot;&gt;&lt;/div&gt;

&lt;p&gt;&lt;b&gt;Membaca Angka Ribuan&lt;/b&gt;
  &lt;/p&gt;&lt;ul&gt;
    &lt;li&gt;Baca angka yang ada dalam kartu Kotak, kemudian&lt;/li&gt;
    &lt;li&gt;Geser kartu tersebut ke pilihan jawaban yang benar&lt;/li&gt;
  &lt;/ul&gt;
&lt;p&gt;&lt;/p&gt;

  &lt;div class=&quot;quiz-container-wrapper&quot; id=&quot;quiz-ribuan&quot;&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;blockquote&gt;
  Ulangi beberapa kali pada materi permainan diatas sampai kita benar-benar memahami dan bisa membaca semua huruf hijaiyah beserta angka dalam tulisan arab.
&lt;/blockquote&gt;

&lt;p&gt;Sekian materi singkat tentang &lt;a href=&quot;diniyah.my.id&quot;&gt;Belajar Membaca Huruf Hijaiyah dan Angka Arab&lt;/a&gt; dengan cepat, mudah dan menyenangkan ini. Semoga bermanfaat.&lt;/p&gt;

&lt;style&gt;
  /* Import Font Amiri */
  @import url(&quot;https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&amp;display=swap&quot;);

  /* --- SETUP VARIABEL WARNA --- */
  :root {
    --primary-color: #0a7f51;
    --primary-dark: #005a64;
    --accent-color: #e2fff0;
    --text-color: #333;
    --card-bg: #ffffff;
    --border-color: #e0e0e0;
    --success-color: #4caf50;
    --error-color: #f44336;
  }

  /* --- LAYOUT UTAMA --- */
  .diniyah-post {
    max-width: 760px;
    margin: 20px auto;
    font-family: &quot;Arial&quot;, sans-serif;
    color: var(--text-color);
  }

  /* Wrapper untuk setiap Kuis */
  .quiz-container-wrapper {
    margin-bottom: 60px; /* Jarak antar materi */
    border-bottom: 2px dashed #ddd;
    padding-bottom: 40px;
  }
  .quiz-container-wrapper:last-child {
    border-bottom: none;
  }

  /* --- KARTU KUIS --- */
  .quiz-card,
  .finish-screen {
    background: var(--card-bg);
    border: 2px solid var(--primary-color);
    padding: 30px 25px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    position: relative;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .progress-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: var(--accent-color);
    color: var(--primary-color);
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    border: 1px solid var(--primary-color);
  }

  /* Area Huruf Soal (Draggable) */
  .letter-area {
    margin: 30px 0 40px;
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .hijai-letter {
    font-family: &quot;Amiri&quot;, serif;
    font-size: 80px; /* Sedikit disesuaikan agar angka ribuan muat */
    font-weight: bold;
    color: var(--primary-color);
    width: 220px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 3px dashed var(--primary-color);
    border-radius: 20px;
    cursor: grab;
    user-select: none;
    box-shadow: 0 8px 20px rgba(10, 127, 81, 0.15);
    transition: transform 0.2s, opacity 0.2s;
    line-height: 1.5;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
  }

  .hijai-letter:active {
    cursor: grabbing;
    transform: scale(0.95);
  }

  .hijai-letter.dragging {
    opacity: 0.4;
    border-style: solid;
  }

  .letter-area.dropped .hijai-letter {
    visibility: hidden;
  }

  /* --- PILIHAN JAWABAN --- */
  .choices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    width: 100%;
    max-width: 550px;
    margin-bottom: 25px;
  }

  .choice {
    padding: 15px;
    border-radius: 12px;
    border: 2px solid #ccc;
    background: #f9f9f9;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
  }

  .choice:hover {
    border-color: var(--primary-color);
    background: var(--accent-color);
  }

  .choice.drag-over {
    background: #c8e6c9;
    border-color: var(--success-color);
    transform: scale(1.02);
  }

  .choice.has-letter {
    border-color: var(--primary-color);
    background: var(--accent-color);
    color: var(--primary-color);
  }

  .placed-marker {
    font-family: &quot;Amiri&quot;, serif;
    position: absolute;
    top: -15px;
    right: -10px;
    width: 45px;
    height: 45px;
    background: white;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: var(--primary-color);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  /* --- TOMBOL KONTROL --- */
  .controls {
    margin-top: auto;
    width: 100%;
    text-align: center;
  }

  .btn {
    background: var(--primary-color);
    color: white;
    border: none;
    padding: 15px 0;
    width: 80%;
    max-width: 400px;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.2s, background 0.2s;
    box-shadow: 0 4px 10px rgba(10, 127, 81, 0.3);
    letter-spacing: 0.5px;
  }
  .btn:hover {
    transform: translateY(-2px);
    background: #086641;
  }

  /* --- SCREEN AKHIR --- */
  .finish-screen {
    display: none;
    text-align: center;
    padding: 40px 20px;
  }
  .final-score-circle {
    width: 120px;
    height: 120px;
    background: var(--primary-color);
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    font-weight: bold;
    margin: 20px auto;
    border: 5px solid #fff;
    box-shadow: 0 0 0 5px var(--primary-color);
  }

  .feedback-msg {
    margin-top: 15px;
    font-weight: bold;
    font-size: 1.1rem;
    min-height: 1.5em;
    margin-bottom: 15px;
  }

  @keyframes popIn {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }

  /* --- DARK MODE SUPPORT --- */
  [data-theme=&quot;dark&quot;] .diniyah-post {
    color: #e1e7ec;
  }
  [data-theme=&quot;dark&quot;] .quiz-card,
  [data-theme=&quot;dark&quot;] .finish-screen {
    background: #1c222a;
    border-color: #12bd78;
  }
  [data-theme=&quot;dark&quot;] .hijai-letter {
    background: #2d3540;
    border-color: #12bd78;
    color: #12bd78;
  }
  [data-theme=&quot;dark&quot;] .choice {
    background: #2d3540;
    border-color: #484f5b;
    color: #e1e7ec;
  }
  [data-theme=&quot;dark&quot;] .choice.has-letter {
    background: #1b3a31;
    border-color: #12bd78;
    color: #12bd78;
  }
  [data-theme=&quot;dark&quot;] .placed-marker {
    background: #2d3540;
    border-color: #12bd78;
    color: #12bd78;
  }
  [data-theme=&quot;dark&quot;] .post-title {
    color: #12bd78;
  }
  [data-theme=&quot;dark&quot;] .progress-badge {
    background: #2d3540;
    color: #12bd78;
    border-color: #12bd78;
  }
&lt;/style&gt;

&lt;script&gt;
  /**
   * DATABASE SOAL
   */

  // 1. Hijaiyah
  const dataHijaiyah = [
    { q: &quot;\u0623\u064E&quot;, a: &quot;A (Alif Fathah)&quot; },
    { q: &quot;\u0628\u0650&quot;, a: &quot;Bi (Ba&#39; Kasroh)&quot; },
    { q: &quot;\u062A\u064F&quot;, a: &quot;Tu (Ta&#39; Dhommah)&quot; },
    { q: &quot;\u062B\u064E&quot;, a: &quot;Tsa (Tsa&#39; Fathah)&quot; },
    { q: &quot;\u062C\u0650&quot;, a: &quot;Ji (Jim Kasroh)&quot; },
    { q: &quot;\u062D\u064F&quot;, a: &quot;Khu (Kha&#39; Dhommah)&quot; },
    { q: &quot;\u062E\u064E&quot;, a: &quot;Kho (Kho&#39; Fathah)&quot; },
    { q: &quot;\u062F\u0650&quot;, a: &quot;Di (Dal Kasroh)&quot; },
    { q: &quot;\u0630\u064F&quot;, a: &quot;Dzu (Dzal Dhommah)&quot; },
    { q: &quot;\u0631\u064E&quot;, a: &quot;Ro (Ro&#39; Fathah)&quot; },
  ];

  // 2. Angka Satuan (0-9)
  const dataSatuan = [
    { q: &quot;٠&quot;, a: &quot;Nol (0)&quot; },
    { q: &quot;١&quot;, a: &quot;Satu (1)&quot; },
    { q: &quot;٢&quot;, a: &quot;Dua (2)&quot; },
    { q: &quot;٣&quot;, a: &quot;Tiga (3)&quot; },
    { q: &quot;٤&quot;, a: &quot;Empat (4)&quot; },
    { q: &quot;٥&quot;, a: &quot;Lima (5)&quot; },
    { q: &quot;٦&quot;, a: &quot;Enam (6)&quot; },
    { q: &quot;٧&quot;, a: &quot;Tujuh (7)&quot; },
    { q: &quot;٨&quot;, a: &quot;Delapan (8)&quot; },
    { q: &quot;٩&quot;, a: &quot;Sembilan (9)&quot; },
  ];

  // 3. Angka Puluhan
  const dataPuluhan = [
    { q: &quot;١٠&quot;, a: &quot;Sepuluh (10)&quot; },
    { q: &quot;١٧&quot;, a: &quot;Tujuh Belas (17)&quot; },
    { q: &quot;١٩&quot;, a: &quot;Sembilan Belas (19)&quot; },
    { q: &quot;٢١&quot;, a: &quot;Dua Puluh Satu (21)&quot; },
    { q: &quot;٣٣&quot;, a: &quot;Tiga Puluh Tiga (33)&quot; },
    { q: &quot;٤١&quot;, a: &quot;Empat Puluh Satu (41)&quot; },
    { q: &quot;٤٩&quot;, a: &quot;Empat Puluh Sembilan (49)&quot; },
    { q: &quot;٥٠&quot;, a: &quot;Lima Puluh (50)&quot; },
    { q: &quot;٧٠&quot;, a: &quot;Tujuh Puluh (70)&quot; },
    { q: &quot;٩٩&quot;, a: &quot;Sembilan Puluh Sembilan (99)&quot; },
  ];

  // 4. Angka Ratusan
  const dataRatusan = [
    { q: &quot;١١٤&quot;, a: &quot;114&quot; },
    { q: &quot;١٥٠&quot;, a: &quot;150&quot; },
    { q: &quot;٢٠٠&quot;, a: &quot;200&quot; },
    { q: &quot;٢٥٠&quot;, a: &quot;250&quot; },
    { q: &quot;٣٢٥&quot;, a: &quot;325&quot; },
    { q: &quot;٣٧٥&quot;, a: &quot;375&quot; },
    { q: &quot;٥٠٠&quot;, a: &quot;500&quot; },
    { q: &quot;٧٥٠&quot;, a: &quot;750&quot; },
    { q: &quot;٨٢٩&quot;, a: &quot;829&quot; },
    { q: &quot;٩٨٠&quot;, a: &quot;980&quot; },
  ];

  // 5. Angka Ribuan
  const dataRibuan = [
    { q: &quot;١٩٢٦&quot;, a: &quot;1926&quot; },
    { q: &quot;١٩٤٥&quot;, a: &quot;1945&quot; },
    { q: &quot;١٩٥٢&quot;, a: &quot;1952&quot; },
    { q: &quot;١٩٦١&quot;, a: &quot;1961&quot; },
    { q: &quot;١٩٨٤&quot;, a: &quot;1984&quot; },
    { q: &quot;١٩٨٧&quot;, a: &quot;1987&quot; },
    { q: &quot;٢٠١٣&quot;, a: &quot;2013&quot; },
    { q: &quot;٢٠٢٠&quot;, a: &quot;2020&quot; },
    { q: &quot;٢٠٢٣&quot;, a: &quot;2023&quot; },
    { q: &quot;٢٠٢٥&quot;, a: &quot;2025&quot; },
  ];

  /**
   * CLASS: DragDropGame
   * Membuat instance game independen untuk setiap materi
   */
  class DragDropGame {
    constructor(containerId, title, dataSet) {
      this.container = document.getElementById(containerId);
      this.dataSet = dataSet;
      this.title = title;
      this.currentQuestions = [];
      this.currentIndex = 0;
      this.score = 0;
      this.selectedAnswer = null;
      this.isChecked = false;

      this.init();
    }

    init() {
      // Generate UI HTML
      this.container.innerHTML = `
        &lt;h2 class=&quot;post-title&quot;&gt;${this.title}&lt;/h2&gt;
        &lt;div class=&quot;quiz-card&quot; id=&quot;card-${this.container.id}&quot;&gt;
          &lt;div class=&quot;progress-badge&quot;&gt;
            Soal &lt;span class=&quot;curr-q&quot;&gt;1&lt;/span&gt; / &lt;span class=&quot;total-q&quot;&gt;10&lt;/span&gt;
          &lt;/div&gt;
          &lt;div style=&quot;text-align: center; margin-bottom: 10px; margin-top: 20px&quot;&gt;
            Geser kartu ke jawaban yang benar!
          &lt;/div&gt;
          &lt;div class=&quot;letter-area&quot;&gt;
            &lt;div class=&quot;hijai-letter&quot; draggable=&quot;true&quot;&gt;?&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class=&quot;choices&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;feedback-msg&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;controls&quot;&gt;
            &lt;button class=&quot;btn action-btn&quot;&gt;Cek Jawaban&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        
        &lt;div class=&quot;finish-screen&quot; style=&quot;display:none;&quot;&gt;
          &lt;h3&gt;Alhamdulillah! Selesai.&lt;/h3&gt;
          &lt;p&gt;Skor Akhir Kamu:&lt;/p&gt;
          &lt;div class=&quot;final-score-circle&quot;&gt;0&lt;/div&gt;
          &lt;p class=&quot;final-message&quot;&gt;&lt;/p&gt;
          &lt;button class=&quot;btn restart-btn&quot;&gt;Ulangi Latihan&lt;/button&gt;
        &lt;/div&gt;
      `;

      // Cache Elements (scoped to this instance)
      this.quizCard = this.container.querySelector(&quot;.quiz-card&quot;);
      this.finishScreen = this.container.querySelector(&quot;.finish-screen&quot;);
      this.letterSource = this.container.querySelector(&quot;.hijai-letter&quot;);
      this.letterArea = this.container.querySelector(&quot;.letter-area&quot;);
      this.choicesBox = this.container.querySelector(&quot;.choices&quot;);
      this.feedbackText = this.container.querySelector(&quot;.feedback-msg&quot;);
      this.actionBtn = this.container.querySelector(&quot;.action-btn&quot;);
      this.progressText = this.container.querySelector(&quot;.curr-q&quot;);
      this.totalText = this.container.querySelector(&quot;.total-q&quot;);

      // Bind Events
      this.actionBtn.onclick = () =&gt; this.handleAction();
      this.container.querySelector(&quot;.restart-btn&quot;).onclick = () =&gt;
        this.restartGame();

      // Setup Drag Source
      this.letterSource.ondragstart = (e) =&gt; {
        e.dataTransfer.setData(
          &quot;text/plain&quot;,
          JSON.stringify({
            origin: this.container.id,
            val: &quot;letter&quot;,
          })
        );
        setTimeout(() =&gt; this.letterSource.classList.add(&quot;dragging&quot;), 0);
      };
      this.letterSource.ondragend = () =&gt; {
        this.letterSource.classList.remove(&quot;dragging&quot;);
      };

      this.restartGame();
    }

    shuffle(array) {
      return array.sort(() =&gt; Math.random() - 0.5);
    }

    restartGame() {
      this.quizCard.style.display = &quot;flex&quot;;
      this.finishScreen.style.display = &quot;none&quot;;
      this.currentQuestions = this.shuffle([...this.dataSet]).slice(0, 10);
      this.currentIndex = 0;
      this.score = 0;
      this.totalText.innerText = this.currentQuestions.length;
      this.loadQuestion();
    }

    loadQuestion() {
      const data = this.currentQuestions[this.currentIndex];
      this.progressText.innerText = this.currentIndex + 1;

      this.selectedAnswer = null;
      this.isChecked = false;
      this.actionBtn.innerText = &quot;Cek Jawaban&quot;;
      this.feedbackText.innerText = &quot;&quot;;
      this.feedbackText.style.color = &quot;&quot;;

      this.letterSource.innerText = data.q;
      this.letterSource.style.visibility = &quot;visible&quot;;
      this.letterArea.classList.remove(&quot;dropped&quot;);

      // Generate Distractors
      let answers = [data.a];
      let pool = this.dataSet.filter((item) =&gt; item.a !== data.a);
      this.shuffle(pool)
        .slice(0, 3)
        .forEach((item) =&gt; answers.push(item.a));
      answers = this.shuffle(answers);

      this.choicesBox.innerHTML = &quot;&quot;;
      answers.forEach((ans) =&gt; {
        const box = document.createElement(&quot;div&quot;);
        box.className = &quot;choice&quot;;
        box.innerText = ans;
        box.dataset.value = ans;

        box.onclick = () =&gt; this.selectChoice(box);

        // Drag Over Logic
        box.ondragover = (e) =&gt; {
          e.preventDefault();
          box.classList.add(&quot;drag-over&quot;);
        };
        box.ondragleave = () =&gt; box.classList.remove(&quot;drag-over&quot;);
        box.ondrop = (e) =&gt; {
          e.preventDefault();
          const dragData = JSON.parse(e.dataTransfer.getData(&quot;text/plain&quot;));
          // Ensure drop comes from THIS quiz instance
          if (dragData.origin === this.container.id) {
            this.selectChoice(box);
          }
          box.classList.remove(&quot;drag-over&quot;);
        };

        this.choicesBox.appendChild(box);
      });
    }

    selectChoice(boxElement) {
      if (this.isChecked) return;

      this.choicesBox.querySelectorAll(&quot;.choice&quot;).forEach((el) =&gt; {
        el.classList.remove(&quot;has-letter&quot;);
        // Remove marker if exists inside choices (cleanup)
        const existingMarker = el.querySelector(&quot;.placed-marker&quot;);
        if (existingMarker) existingMarker.remove();

        el.style.backgroundColor = &quot;&quot;;
        el.style.borderColor = &quot;&quot;;
        el.style.color = &quot;&quot;;
      });

      boxElement.classList.add(&quot;has-letter&quot;);
      this.selectedAnswer = boxElement.dataset.value;
      this.letterArea.classList.add(&quot;dropped&quot;);

      const marker = document.createElement(&quot;div&quot;);
      marker.className = &quot;placed-marker&quot;;
      marker.innerText = this.letterSource.innerText;
      boxElement.appendChild(marker);
    }

    handleAction() {
      if (this.isChecked) {
        this.nextQuestion();
        return;
      }
      this.checkAnswer();
    }

    checkAnswer() {
      if (!this.selectedAnswer) {
        this.feedbackText.style.color = &quot;#F44336&quot;;
        this.feedbackText.innerText = &quot;Silakan geser huruf ke jawaban dulu!&quot;;
        return;
      }

      this.isChecked = true;
      const data = this.currentQuestions[this.currentIndex];
      const isCorrect = this.selectedAnswer === data.a;
      const selectedBox = this.choicesBox.querySelector(&quot;.choice.has-letter&quot;);

      if (isCorrect) {
        this.score += 10;
        this.feedbackText.style.color = &quot;#4CAF50&quot;;
        this.feedbackText.innerText = &quot;Benar! Mumtaz! 🌟&quot;;
        selectedBox.style.backgroundColor = &quot;#4CAF50&quot;;
        selectedBox.style.borderColor = &quot;#4CAF50&quot;;
        selectedBox.style.color = &quot;#fff&quot;;
      } else {
        this.feedbackText.style.color = &quot;#F44336&quot;;
        this.feedbackText.innerText = &quot;Kurang Tepat.&quot;;
        selectedBox.style.backgroundColor = &quot;#F44336&quot;;
        selectedBox.style.borderColor = &quot;#D32F2F&quot;;
        selectedBox.style.color = &quot;#ffffff&quot;;
      }

      this.actionBtn.innerText = &quot;Lanjut Soal Berikutnya&quot;;
    }

    nextQuestion() {
      this.currentIndex++;
      if (this.currentIndex &lt; this.currentQuestions.length) {
        this.loadQuestion();
      } else {
        this.showResult();
      }
    }

    showResult() {
      this.quizCard.style.display = &quot;none&quot;;
      this.finishScreen.style.display = &quot;block&quot;;
      this.container.querySelector(&quot;.final-score-circle&quot;).innerText =
        this.score;

      let msg = &quot;&quot;;
      if (this.score === 100) msg = &quot;Sempurna! Masya Allah Tabarakallah 🌟&quot;;
      else if (this.score &gt;= 70) msg = &quot;Bagus Sekali! Tingkatkan terus 👍&quot;;
      else msg = &quot;Jangan menyerah, ayo coba lagi! 💪&quot;;
      this.container.querySelector(&quot;.final-message&quot;).innerText = msg;
    }
  }

  // --- INISIALISASI SEMUA GAME ---

  // 1. Latihan Huruf Hijaiyah
  new DragDropGame(
    &quot;quiz-hijaiyah&quot;,
    &quot;Latihan Membaca Huruf Hijaiyah&quot;,
    dataHijaiyah
  );

  // 2. Angka Satuan
  new DragDropGame(&quot;quiz-satuan&quot;, &quot;Belajar Membaca Angka Satuan&quot;, dataSatuan);

  // 3. Angka Puluhan
  new DragDropGame(
    &quot;quiz-puluhan&quot;,
    &quot;Belajar Membaca Angka Puluhan&quot;,
    dataPuluhan
  );

  // 4. Angka Ratusan
  new DragDropGame(
    &quot;quiz-ratusan&quot;,
    &quot;Belajar Membaca Angka Ratusan&quot;,
    dataRatusan
  );

  // 5. Angka Ribuan
  new DragDropGame(&quot;quiz-ribuan&quot;, &quot;Belajar Membaca Angka Ribuan&quot;, dataRibuan);
&lt;/script&gt;
</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/6080128503004581167/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/12/belajar-membaca-huruf-hijaiyah-dan-angka-arab.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/6080128503004581167'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/6080128503004581167'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/12/belajar-membaca-huruf-hijaiyah-dan-angka-arab.html' title='Belajar Membaca Huruf Hijaiyah dan Angka Arab'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9dSsu3R6S15ql4GN2lp0G-68UzqPwcbw9sBfzlyS_DHkoCcG1xAeW-_XQm1jhKdNsGz78QHUV1he9-lIE81fKCyOBgemrEgFbbkta13UHw9cGZcwwYV3PRAwObJ-Mr1tCpvjDQutEPdxTjNJxcf6hCWSdNIUn_CKECKQjXfbh9QkHjGhF3S09gtZofLU/s72-c/belajar-membaca-huruf-hijaiyah-dan-angka.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-2304850168906342754</id><published>2025-12-07T13:19:00.018+07:00</published><updated>2025-12-14T08:25:45.300+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahajji"/><title type='text'>Belajar Mengenal Harokat dan Angka Arab (Metode Tahaji 2)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKyvrkGt1PSQwGJ_1gZcyesrHljuw_CVbySI9qhZzPGW5jhV5QoGV_swPmEXW9bEBSEfeCjbHiYhXriCNg4_c8ZQrb3gsWyj95_wllmo48IbQ9rrFZbVzncbPjiMQDbcfccTfTfJe69KxO2RpneaOKAewL6Xdh-A7zrRtpNz67P3pNf7A0rm5r3M1vxc/s1600/tahaji-2-belajar-mengenal-harokat-dan-angka-arab.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Belajar Mengenal Harokat dan Angka Arab (Metode Tahaji 2)&quot; border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKyvrkGt1PSQwGJ_1gZcyesrHljuw_CVbySI9qhZzPGW5jhV5QoGV_swPmEXW9bEBSEfeCjbHiYhXriCNg4_c8ZQrb3gsWyj95_wllmo48IbQ9rrFZbVzncbPjiMQDbcfccTfTfJe69KxO2RpneaOKAewL6Xdh-A7zrRtpNz67P3pNf7A0rm5r3M1vxc/s16000/tahaji-2-belajar-mengenal-harokat-dan-angka-arab.webp&quot; title=&quot;Belajar Mengenal Harokat dan Angka Arab (Metode Tahaji 2)&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;p&gt;
  &lt;a href=&quot;diniyah.my.id&quot;&gt;Belajar Diniyah&lt;/a&gt; dengan tutorial yang mudah dan
  menyenangkan. Pada materi pembelajaran ini kita akan belajar cepat tentang
  &lt;a href=&quot;https://www.diniyah.my.id/2025/12/belajar-mengenal-harokat-dan-angka-arab-metode-tahaji.html&quot;&gt;bentuk dan nama-nama Harokat, dan juga penulisan Angka Arab&lt;/a&gt; sehingga memudahkan kita untuk bisa menidentifikasi bacaan
  sesuai dengan harokatnya dan juga memudahkan kita dalam membaca Al-Qur&#39;an.
&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    Untuk penjelasan selengkapnya bisa dilihat pada materi sebelumnya tentang
    &lt;a href=&quot;https://www.diniyah.my.id/2022/01/huruf-hijaiyah-harokat-angka-dalam-tulisan-arab.html&quot;&gt;Mudahnya Mengenal Huruf Hijaiyah, Harokat dan Angka Dalam Tulisan Arab&lt;/a&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Harokat&lt;/h2&gt;
&lt;p&gt;
  &lt;a href=&quot;https://id.wikipedia.org/wiki/Harakat&quot;&gt;Harakat&lt;/a&gt;: adalah tanda baca
  atau diakritik dalam tulisan Arab (huruf hijaiyah) yang berfungsi untuk
  memperjelas dan mempermudah pengucapan huruf tersebut.&lt;/p&gt;
&lt;p&gt;Harokat juga berfungsi
  mengubah huruf konsonan menjadi bunyi vokal (seperti a, i, u,), serta
  membedakan makna kata, karena huruf Arab pada dasarnya hanya melambangkan
  konsonan.
&lt;/p&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgbOrnbZu7bZOj2n7NqdgkffSDJdVuNeOEIvfHpnraBub_26hIVuzzVXHy0MLfZLoHR-5Eams5OXisJsynmbYMOwAHCsNWn6HnOZD9lil1g6yJYHq8l48f7zim_6FMKEwwFVQdbFFh8lU60Sf8ssZZI2pz1FnAJHkh5QR8kOhayFhX4c5yKRsMCfazw&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;453&quot; data-original-width=&quot;1283&quot; src=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgbOrnbZu7bZOj2n7NqdgkffSDJdVuNeOEIvfHpnraBub_26hIVuzzVXHy0MLfZLoHR-5Eams5OXisJsynmbYMOwAHCsNWn6HnOZD9lil1g6yJYHq8l48f7zim_6FMKEwwFVQdbFFh8lU60Sf8ssZZI2pz1FnAJHkh5QR8kOhayFhX4c5yKRsMCfazw&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;ul&gt;
  &lt;li&gt;Harokat &quot;&lt;b&gt;Fathah&lt;/b&gt;&quot; dibaca &quot;&lt;b&gt;A&lt;/b&gt;&quot;&lt;/li&gt;
  &lt;li&gt;Harokat &quot;&lt;b&gt;Kasroh&lt;/b&gt;&quot; dibaca &quot;&lt;b&gt;I&lt;/b&gt;&quot;&lt;/li&gt;
  &lt;li&gt;Harokat &quot;&lt;b&gt;Dhommah&lt;/b&gt;&quot; dibaca &quot;&lt;b&gt;U&lt;/b&gt;&quot;&lt;/li&gt;
  &lt;li&gt;Harokat &quot;&lt;b&gt;Fathatain&lt;/b&gt;&quot; dibaca &quot;&lt;b&gt;AN&lt;/b&gt;&quot;&lt;/li&gt;
  &lt;li&gt;Harokat &quot;&lt;b&gt;Kasrotain&lt;/b&gt;&quot; dibaca &quot;&lt;b&gt;IN&lt;/b&gt;&quot;&lt;/li&gt;
  &lt;li&gt;Harokat &quot;&lt;b&gt;Dhommatain&lt;/b&gt;&quot; dibaca &quot;&lt;b&gt;UN&lt;/b&gt;&quot;&lt;/li&gt;
  &lt;li&gt;Harokat &quot;&lt;b&gt;Sukun&lt;/b&gt;&quot; dibaca &quot;&lt;b&gt;Mati&lt;/b&gt;&quot;&lt;/li&gt;
  &lt;li&gt;
    Harokat &quot;&lt;b&gt;Tasydid&lt;/b&gt;&quot; menandakan huruf tersebut ada &quot;dua&quot;, huruf yang
    pertama mati/sukun dan huruf yang kedua hidup
  &lt;/li&gt;
&lt;/ul&gt;

&lt;div class=&quot;notification-box warning&quot;&gt;
  &lt;b&gt;CATATAN&lt;/b&gt;: Harokat &lt;b&gt;Sukun/Mati&lt;/b&gt; bisa dibaca jika
  &lt;b&gt;ada huruf sebelumnya yang berharokat&lt;/b&gt;, Seperti:&lt;br /&gt;
  &lt;ul&gt;
    &lt;li&gt;
      huruf &quot;&lt;b&gt;Ba&#39;&lt;/b&gt;&quot; dengan harokat &quot;&lt;b&gt;fathah&lt;/b&gt;&quot; dengan huruf
      &quot;&lt;b&gt;Sin&lt;/b&gt;&quot; dengan harokat &quot;&lt;b&gt;sukun&lt;/b&gt;&quot; dibaca &quot;&lt;b&gt;BAS&lt;/b&gt;&quot;&lt;br /&gt;
      &lt;p class=&quot;arab&quot;&gt;بَ + سْ = بَـسْ&lt;/p&gt;
    &lt;/li&gt;
    &lt;li&gt;
      huruf &quot;&lt;b&gt;Alif&lt;/b&gt;&quot; dengan harokat &quot;&lt;b&gt;Dhommah&lt;/b&gt;&quot; dengan huruf &quot;&lt;b&gt;Mim&lt;/b&gt;
      dengan harokat &quot;&lt;b&gt;Tasydid&lt;/b&gt;&quot; + &quot;&lt;b&gt;Dhommatain&lt;/b&gt;&quot; dibaca
      &quot;&lt;b&gt;UM-MUN&lt;/b&gt;&quot;
      &lt;p class=&quot;arab&quot;&gt;اُ + مٌّ = اُ مٌّ (اُ + مْ + مٌ)&lt;/p&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;

&lt;h2&gt;Penulisan Harokat&lt;/h2&gt;

&lt;p&gt;Penulisan harokat pada umumnya dibagi menjadi dua, yakni;&lt;/p&gt;
&lt;ul style=&quot;text-align: left;&quot;&gt;
  &lt;li&gt;&lt;b&gt;Ditulis di atas huruf&lt;/b&gt;, dan;&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Ditulis di bawah huruf&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class=&quot;table-responsive&quot;&gt;
  &lt;table class=&quot;table&quot;&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;ــَــ&lt;/p&gt;&lt;/th&gt;
        &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;ــِــ&lt;/p&gt;&lt;/th&gt;
        &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;ــُــ&lt;/p&gt;&lt;/th&gt;
        &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;ــًــ&lt;/p&gt;&lt;/th&gt;
        &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;ــٍــ&lt;/p&gt;&lt;/th&gt;
        &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;ــٌــ&lt;/p&gt;&lt;/th&gt;
        &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;ــْــ&lt;/p&gt;&lt;/th&gt;
        &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;ــّــ&lt;/p&gt;&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;Fathah&lt;/p&gt;&lt;/td&gt;
        &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;Kasroh&lt;/p&gt;&lt;/td&gt;
        &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;Dhommah&lt;/p&gt;&lt;/td&gt;
        &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;Fathatain&lt;/p&gt;&lt;/td&gt;
        &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;Kasrotain&lt;/p&gt;&lt;/td&gt;
        &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;Dhommatain&lt;/p&gt;&lt;/td&gt;
        &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;Sukun&lt;/p&gt;&lt;/td&gt;
        &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;Tasydid&lt;/p&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
&lt;/div&gt;

&lt;p&gt;
  Pada praktik di bawah ini, &lt;b&gt;Bacalah&lt;/b&gt; huruf hijaiyah
  &lt;b&gt;di dalam kotak paling atas&lt;/b&gt;, sesuai dengan pilihan harokat yang
  diinginkan
&lt;/p&gt;

&lt;div class=&quot;interactive-container&quot;&gt;
  &lt;div class=&quot;game-section&quot; id=&quot;harokat-section&quot;&gt;
    &lt;h2 class=&quot;section-title&quot;&gt;🧪 Belajar Harokat Lengkap&lt;/h2&gt;
    &lt;p&gt;
      Gunakan panah kanan-kiri untuk mengganti huruf, lalu klik tombol di bawah
      untuk memberi tanda baca, kemudian bacalah huruf tersebut sesuai dengan
      harokatnya
    &lt;/p&gt;

    &lt;div class=&quot;nav-display-wrapper&quot;&gt;
      &lt;button aria-label=&quot;Huruf Sebelumnya&quot; class=&quot;nav-btn&quot; onclick=&quot;prevLetter()&quot;&gt;
        ❮
      &lt;/button&gt;
      &lt;div class=&quot;display-box arab-text&quot; id=&quot;main-letter-display&quot;&gt;&lt;/div&gt;
      &lt;button aria-label=&quot;Huruf Selanjutnya&quot; class=&quot;nav-btn&quot; onclick=&quot;nextLetter()&quot;&gt;
        ❯
      &lt;/button&gt;
    &lt;/div&gt;

    &lt;span class=&quot;latin-read&quot; id=&quot;main-latin-read&quot;&gt;&lt;/span&gt;

    &lt;div class=&quot;controls-grid&quot;&gt;
      &lt;button class=&quot;btn-harokat&quot; onclick=&quot;applyHarokat(&#39;\u064E&#39;, &#39;Fathah&#39;, &#39;a&#39;)&quot;&gt;
        &lt;span class=&quot;symbol&quot; id=&quot;btn-fathah&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;label-text&quot;&gt;Fathah (a)&lt;/span&gt;
      &lt;/button&gt;
      &lt;button class=&quot;btn-harokat&quot; onclick=&quot;applyHarokat(&#39;\u0650&#39;, &#39;Kasrah&#39;, &#39;i&#39;)&quot;&gt;
        &lt;span class=&quot;symbol&quot; id=&quot;btn-kasrah&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;label-text&quot;&gt;Kasrah (i)&lt;/span&gt;
      &lt;/button&gt;
      &lt;button class=&quot;btn-harokat&quot; onclick=&quot;applyHarokat(&#39;\u064F&#39;, &#39;Dhommah&#39;, &#39;u&#39;)&quot;&gt;
        &lt;span class=&quot;symbol&quot; id=&quot;btn-dhommah&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;label-text&quot;&gt;Dhommah (u)&lt;/span&gt;
      &lt;/button&gt;
      &lt;button class=&quot;btn-harokat&quot; onclick=&quot;applyHarokat(&#39;\u064B&#39;, &#39;Fathatain&#39;, &#39;an&#39;)&quot;&gt;
        &lt;span class=&quot;symbol&quot; id=&quot;btn-fathatain&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;label-text&quot;&gt;Fathatain (an)&lt;/span&gt;
      &lt;/button&gt;
      &lt;button class=&quot;btn-harokat&quot; onclick=&quot;applyHarokat(&#39;\u064D&#39;, &#39;Kasratain&#39;, &#39;in&#39;)&quot;&gt;
        &lt;span class=&quot;symbol&quot; id=&quot;btn-kasratain&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;label-text&quot;&gt;Kasratain (in)&lt;/span&gt;
      &lt;/button&gt;
      &lt;button class=&quot;btn-harokat&quot; onclick=&quot;applyHarokat(&#39;\u064C&#39;, &#39;Dhommatain&#39;, &#39;un&#39;)&quot;&gt;
        &lt;span class=&quot;symbol&quot; id=&quot;btn-dhommatain&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;label-text&quot;&gt;Dhommatain (un)&lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
    &lt;div style=&quot;margin-top: 15px;&quot;&gt;
      &lt;button class=&quot;btn-harokat active-btn&quot; id=&quot;btn-reset&quot; onclick=&quot;resetToSukun()&quot; style=&quot;height: auto; margin: 0px auto; max-width: 200px; padding: 15px; width: 100%;&quot;&gt;
        Reset (Sukun)
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  &lt;blockquote&gt;
    Ulangi latihan diatas sampai kita benar-banar hafal bentuk dan posisi
    harokat, karena
    &lt;a href=&quot;https://www.diniyah.my.id/2022/01/huruf-hijaiyah-harokat-angka-dalam-tulisan-arab.html&quot;&gt;Mengenal Huruf Hijaiyah, Harokat dan Angka Dalam Tulisan Arab&lt;/a&gt;
    ternyata begitu mudah dan menyenangkan.
  &lt;/blockquote&gt;

  &lt;h2&gt;Angka Dalam Tulisan Arab&lt;/h2&gt;

  &lt;p&gt;
    Jika dalam penulisan huruf hijaiyah / huruf arab dimulai dari
    &lt;b&gt;kanan ke kiri&lt;/b&gt;, Dalam penulisan angka arab, sedikit berbeda dengan
    penulisan huruf pada umumnya, karena jika angka tersebut adalah &quot;puluhan&quot;,
    &quot;ratusan&quot;, atau bahkan &quot;ribuan&quot; dan seterusnya, maka penulisan angka
    setelahnya ada di sebelah kanan. sebagaimana contoh dibawah ini
  &lt;/p&gt;

  &lt;h3&gt;Penulisan Angka Satuan&lt;/h3&gt;
  &lt;div class=&quot;table-responsive&quot;&gt;
    &lt;table class=&quot;table&quot;&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;.&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٩&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٨&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٧&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٦&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٥&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٤&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٣&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٢&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;١&lt;/p&gt;&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;0&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;9&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;8&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;7&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;6&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;5&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;4&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;3&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;2&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;1&lt;/p&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;

  &lt;h3&gt;Penulisan Angka Puluhan, ratusan dan Ribuan&lt;/h3&gt;

  &lt;div class=&quot;table-responsive&quot;&gt;
    &lt;table class=&quot;table&quot;&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;١٠&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٢٥&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;١٠٠&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٢٥٠&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٣٦٥&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٥٠٠&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;١٩٢٦&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;١٩٤٥&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٢٠١٩&lt;/p&gt;&lt;/th&gt;
          &lt;th&gt;&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;٢٠٢٥&lt;/p&gt;&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;10&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;25&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;100&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;250&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;365&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;500&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;1926&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;1945&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;2019&lt;/p&gt;&lt;/td&gt;
          &lt;td&gt;&lt;p style=&quot;text-align: center;&quot;&gt;2025&lt;/p&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;

  &lt;blockquote&gt;
    &lt;b&gt;Contoh&lt;/b&gt;: Peringatan hari kermerdekaan Indonesia pada tahun 2025,
    bertepatan dengan tanggal 23 Shofar 1447 H. Maka penulisan
    &lt;b&gt;23 Shofar 1447 H&lt;/b&gt; yang benar adalah: &lt;br /&gt;
    &lt;p class=&quot;arab&quot;&gt;٢٣ صفر ١٤٤٧ ه&lt;/p&gt;
  &lt;/blockquote&gt;

  &lt;h3&gt;Praktik Menghitung&lt;/h3&gt;
  &lt;p&gt;
    Hitunglah Jumlah Bintang di bawah ini dengan cermat sesuai dengan pilihan
    angka arab di bawahnya!
  &lt;/p&gt;

  &lt;div class=&quot;game-section&quot;&gt;
    &lt;h2 class=&quot;section-title&quot;&gt;⭐ Latihan Menghitung Bintang&lt;/h2&gt;
    &lt;p&gt;Ada berapa jumlah bintang di bawah ini? Pilih Angka Arab yang benar!&lt;/p&gt;
    &lt;div class=&quot;star-container&quot; id=&quot;star-area&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;number-options&quot; id=&quot;number-options&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;feedback-msg&quot; id=&quot;feedback-angka&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;blockquote&gt;
  Ulangi beberapa kali Latihan diatas sampai kita benar-benar memahami dan hafal
  semua bentuk harokat dan angka beserta cara membacannya
&lt;/blockquote&gt;

&lt;p&gt;
  Sekian tulisan materi singkat tentang
  &lt;a href=&quot;diniyah.my.id&quot;&gt;Belajar Mengenal Harokat dan Angka Arab&lt;/a&gt; dengan cepat, mudah dan
  menyenangkan ini. Semoga bermanfaat.
&lt;/p&gt;

&lt;style&gt;
  /* === GAYA UMUM === */
  .interactive-container {
    font-family: &quot;Arial&quot;, sans-serif;
    max-width: 100%;
    margin: 20px auto;
    color: #333; /* Warna teks default (mode terang) */
    transition: color 0.3s ease;
  }

  .game-section {
    background-color: #f0f9f4; /* Background mode terang */
    border: 3px solid #81c784;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    text-align: center;
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  .section-title {
    font-family: &quot;Arial&quot;, sans-serif;
    color: #1b5e20;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.3s ease;
  }

  /* Kelas ini memastikan font Amiri digunakan */
  .arab-text,
  .btn-harokat span.symbol {
    font-family: &quot;Amiri&quot;, serif;
    font-weight: bold;
  }

  /* --- AREA NAVIGASI &amp; DISPLAY UTAMA --- */
  .nav-display-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .nav-btn {
    background: none;
    border: none;
    color: #4caf50;
    font-size: 40px;
    cursor: pointer;
    padding: 10px;
    transition: transform 0.2s, color 0.3s;
    user-select: none;
  }

  .nav-btn:hover {
    transform: scale(1.2);
    color: #2e7d32;
  }

  .display-box {
    background: #fff; /* Background kotak utama mode terang */
    width: 160px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: 3px solid #4caf50;
    font-size: 81px;
    color: #2e7d32;
    position: relative;
    box-shadow: inset 0 0 30px rgba(76, 175, 80, 0.1);
    padding-bottom: 20px;
    transition: all 0.3s ease;
  }

  .latin-read {
    font-size: 24px;
    font-weight: bold;
    color: #555; /* Warna teks latin mode terang */
    margin-bottom: 20px;
    display: block;
    min-height: 30px;
    transition: color 0.3s ease;
  }

  /* --- GRID TOMBOL HAROKAT --- */
  .controls-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    max-width: 400px;
    margin: 0 auto;
  }

  .btn-harokat {
    background: white; /* Background tombol mode terang */
    border: 2px solid #81c784;
    border-radius: 15px;
    padding: 10px 5px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s;
    color: #2e7d32; /* Warna teks tombol mode terang */
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* KUNCI: Mendorong teks ke paling bawah */
    align-items: center;
    height: 150px;
    width: 100%;
    position: relative;
  }

  .btn-harokat span.symbol {
    font-size: 55px;
    line-height: 1;
    color: #1b5e20;
    position: absolute;
    top: 39%;
    left: 50%;
    transform: translate(-50%, -60%);
    transition: color 0.2s;
  }

  .btn-harokat span.label-text {
    margin-top: auto;
    padding-bottom: 5px;
  }

  .btn-harokat:hover {
    background-color: #c8e6c9;
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }

  .btn-harokat:active,
  .btn-harokat.active-btn {
    background-color: #4caf50 !important;
    color: white !important;
    border-color: #2e7d32 !important;
    transform: translateY(0);
    box-shadow: none;
  }

  .btn-harokat:active span.symbol,
  .btn-harokat.active-btn span.symbol {
    color: white !important;
  }

  /* --- GAYA KUIS ANGKA (Game 2) --- */
  .star-container {
    font-size: 40px;
    color: #fbc02d;
    margin-bottom: 20px;
    min-height: 50px;
    letter-spacing: 5px;
  }

  .number-options {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
  }

  .btn-number {
    font-family: &quot;Amiri&quot;, serif;
    width: 60px;
    height: 60px;
    font-size: 32px;
    background: white;
    border: 2px solid #ffa000;
    border-radius: 50%;
    color: #e65100;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .btn-number:hover {
    background-color: #ffecb3;
    transform: scale(1.1);
  }

  .feedback-msg {
    margin-top: 15px;
    font-weight: bold;
    font-size: 18px;
    min-height: 27px;
  }
  .success {
    color: #2e7d32;
  }
  .error {
    color: #c62828;
  }

  /* ========================================= */
  /* === MODE MALAM (DARK MODE) SEMPURNA === */
  /* ========================================= */
  [data-theme=&quot;dark&quot;] .interactive-container {
    color: #e5e7eb;
  }
  [data-theme=&quot;dark&quot;] .game-section {
    background-color: #1f2937;
    border-color: #2e7d32;
  }
  [data-theme=&quot;dark&quot;] .section-title {
    color: #81c784;
  }
  [data-theme=&quot;dark&quot;] .display-box {
    background-color: #374151;
    border-color: #81c784;
    color: #81c784;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.2);
  }
  [data-theme=&quot;dark&quot;] .latin-read {
    color: #d1d5db;
  }
  [data-theme=&quot;dark&quot;] .nav-btn {
    color: #81c784;
  }
  [data-theme=&quot;dark&quot;] .nav-btn:hover {
    color: #4caf50;
  }
  [data-theme=&quot;dark&quot;] .btn-harokat {
    background-color: #374151;
    border-color: #2e7d32;
    color: #81c784;
  }
  [data-theme=&quot;dark&quot;] .btn-harokat span.symbol {
    color: #81c784;
  }
  [data-theme=&quot;dark&quot;] .btn-harokat:hover {
    background-color: #4b5563;
  }
  [data-theme=&quot;dark&quot;] .btn-number {
    background-color: #374151;
    border-color: #fbc02d;
    color: #fbc02d;
  }
  [data-theme=&quot;dark&quot;] .btn-number:hover {
    background-color: #4b5563;
  }
  [data-theme=&quot;dark&quot;] .success {
    color: #81c784;
  }
  [data-theme=&quot;dark&quot;] .error {
    color: #ef5350;
  }

  /* === TAMPILAN KHUSUS HP (Layar Kecil) === */
  @media screen and (max-width: 600px) {
    .nav-display-wrapper {
      gap: 5px;
    }
    .nav-btn {
      font-size: 30px;
      padding: 5px;
    }
    .display-box {
      width: 140px;
      height: 170px;
      font-size: 80px;
      border-width: 2px;
      border-radius: 15px;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    .latin-read {
      font-size: 18px;
      margin-bottom: 15px;
    }
    .btn-harokat {
      height: 100px;
      font-size: 12px;
    }
    .btn-harokat span.symbol {
      font-size: 38px;
      transform: translate(-50%, -55%);
    }
    .controls-grid {
      gap: 8px;
    }
    .star-container {
      font-size: 30px;
      letter-spacing: 2px;
    }
    .btn-number {
      width: 45px;
      height: 45px;
      font-size: 22px;
    }
    .section-title {
      font-size: 1.1rem;
    }
  }
&lt;/style&gt;

&lt;script&gt;
  /* === LOGIC GAME 1: HAROKAT LENGKAP === */

  // 1. Database Huruf Hijaiyah dengan properti &#39;isHeavy&#39; (Huruf Tebal)
  // Huruf Tebal: Kho, Ro, Shod, Dhod, Tho, Zho, Ghoin, Qof
  const hijaiyahData = [
    { arab: &quot;ا&quot;, latin: &quot;Alif&quot;, sound: &quot;&quot;, isHeavy: false },
    { arab: &quot;ب&quot;, latin: &quot;Ba&#39;&quot;, sound: &quot;B&quot;, isHeavy: false },
    { arab: &quot;ت&quot;, latin: &quot;Ta&#39;&quot;, sound: &quot;T&quot;, isHeavy: false },
    { arab: &quot;ث&quot;, latin: &quot;Tsa&#39;&quot;, sound: &quot;Ts&quot;, isHeavy: false },
    { arab: &quot;ج&quot;, latin: &quot;Jim&quot;, sound: &quot;J&quot;, isHeavy: false },
    { arab: &quot;ح&quot;, latin: &quot;Kha&#39;&quot;, sound: &quot;Kh&quot;, isHeavy: false },

    // KHO (Tebal)
    { arab: &quot;خ&quot;, latin: &quot;Kho&#39;&quot;, sound: &quot;Kh&quot;, isHeavy: true },

    { arab: &quot;د&quot;, latin: &quot;Dal&quot;, sound: &quot;D&quot;, isHeavy: false },
    { arab: &quot;ذ&quot;, latin: &quot;Dzal&quot;, sound: &quot;Dz&quot;, isHeavy: false },

    // RO (Tebal pada Fathah/Dhommah)
    { arab: &quot;ر&quot;, latin: &quot;Ro&#39;&quot;, sound: &quot;R&quot;, isHeavy: true },

    { arab: &quot;ز&quot;, latin: &quot;Zai&#39;&quot;, sound: &quot;Z&quot;, isHeavy: false },
    { arab: &quot;س&quot;, latin: &quot;Sin&quot;, sound: &quot;S&quot;, isHeavy: false },
    { arab: &quot;ش&quot;, latin: &quot;Syin&quot;, sound: &quot;Sy&quot;, isHeavy: false },

    // SHOD (Tebal)
    { arab: &quot;ص&quot;, latin: &quot;Shod&quot;, sound: &quot;Sh&quot;, isHeavy: true },

    // DHOD (Tebal)
    { arab: &quot;ض&quot;, latin: &quot;Dhod&quot;, sound: &quot;Dh&quot;, isHeavy: true },

    // THO (Tebal)
    { arab: &quot;ط&quot;, latin: &quot;Tho&#39;&quot;, sound: &quot;Th&quot;, isHeavy: true },

    // ZHO (Tebal)
    { arab: &quot;ظ&quot;, latin: &quot;Zho&#39;&quot;, sound: &quot;Zh&quot;, isHeavy: true },

    { arab: &quot;ع&quot;, latin: &quot;&#39;Ain&quot;, sound: &quot;&#39;&quot;, isHeavy: false },

    // GHOIN (Tebal)
    { arab: &quot;غ&quot;, latin: &quot;Ghoin&quot;, sound: &quot;Gh&quot;, isHeavy: true },

    { arab: &quot;ف&quot;, latin: &quot;Fa&#39;&quot;, sound: &quot;F&quot;, isHeavy: false },

    // QOF (Tebal)
    { arab: &quot;ق&quot;, latin: &quot;Qof&quot;, sound: &quot;Q&quot;, isHeavy: true },

    { arab: &quot;ك&quot;, latin: &quot;Kaf&quot;, sound: &quot;K&quot;, isHeavy: false },
    { arab: &quot;ل&quot;, latin: &quot;Lam&quot;, sound: &quot;L&quot;, isHeavy: false },
    { arab: &quot;م&quot;, latin: &quot;Mim&quot;, sound: &quot;M&quot;, isHeavy: false },
    { arab: &quot;ن&quot;, latin: &quot;Nun&quot;, sound: &quot;N&quot;, isHeavy: false },
    { arab: &quot;و&quot;, latin: &quot;Wau&quot;, sound: &quot;W&quot;, isHeavy: false },
    { arab: &quot;ه&quot;, latin: &quot;Ha&#39;&quot;, sound: &quot;H&quot;, isHeavy: false },
    { arab: &quot;ء&quot;, latin: &quot;Hamzah&quot;, sound: &quot;&quot;, isHeavy: false },
    { arab: &quot;ي&quot;, latin: &quot;Ya&#39;&quot;, sound: &quot;Y&quot;, isHeavy: false },
  ];

  let currentIndex = 1; // Mulai dari &#39;Ba&#39;

  // State
  let currentHarokatMark = &quot;\u0652&quot;; // Unicode Sukun
  let currentHarokatLabel = &quot;Sukun&quot;;
  let currentVowelSound = &quot;&quot;;

  const mainDisplay = document.getElementById(&quot;main-letter-display&quot;);
  const mainLatinRead = document.getElementById(&quot;main-latin-read&quot;);
  const harokatButtons = document.querySelectorAll(
    &quot;.controls-grid .btn-harokat&quot;
  );
  const resetBtn = document.getElementById(&quot;btn-reset&quot;);

  // --- FUNGSI UTAMA UPDATE TAMPILAN ---
  function updateMainDisplay() {
    const base = hijaiyahData[currentIndex];

    // Animasi
    mainDisplay.style.transform = &quot;scale(1.05)&quot;;
    setTimeout(() =&gt; {
      mainDisplay.style.transform = &quot;scale(1)&quot;;
    }, 200);

    // 1. Tampilkan Huruf Arab
    mainDisplay.innerText = base.arab + currentHarokatMark;

    // 2. Logic Membuat Teks Bacaan
    let displayText = &quot;&quot;;

    if (currentHarokatLabel === &quot;Sukun&quot;) {
      displayText = `${base.latin} (Sukun / Mati)`;
    } else {
      // --- LOGIC PERBAIKAN DI SINI ---
      let vowelToUse = currentVowelSound;

      // Jika hurufnya TEBAL (isHeavy = true) DAN harokatnya &#39;a&#39; atau &#39;an&#39;
      if (base.isHeavy) {
        if (vowelToUse === &quot;a&quot;) {
          vowelToUse = &quot;o&quot;; // Ubah &#39;a&#39; jadi &#39;o&#39; (Kha -&gt; Kho)
        } else if (vowelToUse === &quot;an&quot;) {
          vowelToUse = &quot;on&quot;; // Ubah &#39;an&#39; jadi &#39;on&#39; (Khan -&gt; Khon)
        }
      }

      // Gabungkan Bunyi Dasar + Vokal yang sudah disesuaikan
      let finalSound = base.sound + vowelToUse;

      // Kapitalisasi huruf pertama bunyi (contoh: ba -&gt; Ba)
      if (finalSound.length &gt; 0) {
        finalSound = finalSound.charAt(0).toUpperCase() + finalSound.slice(1);
      }

      displayText = `${base.latin} (${currentHarokatLabel}) = ${finalSound}`;
    }

    mainLatinRead.innerText = displayText;
    updateButtonPreviews(base.arab);
  }

  function updateButtonPreviews(baseArabChar) {
    document.getElementById(&quot;btn-fathah&quot;).innerText = baseArabChar + &quot;\u064E&quot;;
    document.getElementById(&quot;btn-kasrah&quot;).innerText = baseArabChar + &quot;\u0650&quot;;
    document.getElementById(&quot;btn-dhommah&quot;).innerText = baseArabChar + &quot;\u064F&quot;;
    document.getElementById(&quot;btn-fathatain&quot;).innerText =
      baseArabChar + &quot;\u064B&quot;;
    document.getElementById(&quot;btn-kasratain&quot;).innerText =
      baseArabChar + &quot;\u064D&quot;;
    document.getElementById(&quot;btn-dhommatain&quot;).innerText =
      baseArabChar + &quot;\u064C&quot;;
  }

  // --- NAVIGASI ---
  function nextLetter() {
    currentIndex++;
    if (currentIndex &gt;= hijaiyahData.length) currentIndex = 0;
    resetToSukun(false);
  }

  function prevLetter() {
    currentIndex--;
    if (currentIndex &lt; 0) currentIndex = hijaiyahData.length - 1;
    resetToSukun(false);
  }

  // --- KLIK TOMBOL HAROKAT ---
  function applyHarokat(mark, harokatName, vowelSound) {
    currentHarokatMark = mark;
    currentHarokatLabel = harokatName;
    currentVowelSound = vowelSound;

    updateMainDisplay();
    setActiveButton(mark);
  }

  // --- RESET (SUKUN) ---
  function resetToSukun(animateButton = true) {
    currentHarokatMark = &quot;\u0652&quot;;
    currentHarokatLabel = &quot;Sukun&quot;;
    currentVowelSound = &quot;&quot;;

    updateMainDisplay();

    if (animateButton) setActiveButton(&quot;reset&quot;);
    else removeAllActiveStates();
  }

  function setActiveButton(markType) {
    removeAllActiveStates();
    if (markType === &quot;reset&quot;) {
      resetBtn.classList.add(&quot;active-btn&quot;);
    } else {
      harokatButtons.forEach((btn) =&gt; {
        if (btn.getAttribute(&quot;onclick&quot;).includes(markType)) {
          btn.classList.add(&quot;active-btn&quot;);
        }
      });
      resetBtn.classList.remove(&quot;active-btn&quot;);
    }
  }

  function removeAllActiveStates() {
    harokatButtons.forEach((btn) =&gt; btn.classList.remove(&quot;active-btn&quot;));
  }

  document.addEventListener(&quot;DOMContentLoaded&quot;, function () {
    resetToSukun(false);
    resetBtn.classList.add(&quot;active-btn&quot;);
    generateNumberGame();
  });

  /* === LOGIC GAME 2: ANGKA ARAB === */
  const arabicNumbers = [
    &quot;٠&quot;,
    &quot;١&quot;,
    &quot;٢&quot;,
    &quot;٣&quot;,
    &quot;٤&quot;,
    &quot;٥&quot;,
    &quot;٦&quot;,
    &quot;٧&quot;,
    &quot;٨&quot;,
    &quot;٩&quot;,
    &quot;١١&quot;,
    &quot;١٢&quot;,
    &quot;١٣&quot;,
    &quot;١٤&quot;,
    &quot;١٥&quot;,
    &quot;١٦&quot;,
    &quot;١٧&quot;,
    &quot;١٨&quot;,
    &quot;١٩&quot;,
    &quot;٢٠&quot;,
  ];
  let correctAnswer = 0;

  function generateNumberGame() {
    document.getElementById(&quot;feedback-angka&quot;).innerText = &quot;&quot;;
    document.getElementById(&quot;feedback-angka&quot;).className = &quot;feedback-msg&quot;;
    correctAnswer = Math.floor(Math.random() * 9) + 1;
    const starArea = document.getElementById(&quot;star-area&quot;);
    starArea.innerHTML = &quot;&quot;;
    for (let i = 0; i &lt; correctAnswer; i++) {
      starArea.innerHTML += &quot;★&quot;;
    }

    let options = [correctAnswer];
    while (options.length &lt; 3) {
      let wrong = Math.floor(Math.random() * 9) + 1;
      if (!options.includes(wrong)) options.push(wrong);
    }
    options.sort(() =&gt; Math.random() - 0.5);

    const optionsArea = document.getElementById(&quot;number-options&quot;);
    optionsArea.innerHTML = &quot;&quot;;
    options.forEach((num) =&gt; {
      let btn = document.createElement(&quot;button&quot;);
      btn.className = &quot;btn-number&quot;;
      btn.innerText = arabicNumbers[num];
      btn.onclick = () =&gt; checkNumberAnswer(num);
      optionsArea.appendChild(btn);
    });
  }

  function checkNumberAnswer(selectedNum) {
    const feedback = document.getElementById(&quot;feedback-angka&quot;);
    if (selectedNum === correctAnswer) {
      feedback.innerText = &quot;Benar! Mumtaz! (Luar Biasa) 🎉&quot;;
      feedback.className = &quot;feedback-msg success&quot;;
      setTimeout(generateNumberGame, 1500);
    } else {
      feedback.innerText = &quot;Kurang tepat, ayo coba hitung lagi... 💪&quot;;
      feedback.className = &quot;feedback-msg error&quot;;
    }
  }
&lt;/script&gt;
</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/2304850168906342754/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/12/belajar-mengenal-harokat-dan-angka-arab-metode-tahaji.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/2304850168906342754'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/2304850168906342754'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/12/belajar-mengenal-harokat-dan-angka-arab-metode-tahaji.html' title='Belajar Mengenal Harokat dan Angka Arab (Metode Tahaji 2)'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcKyvrkGt1PSQwGJ_1gZcyesrHljuw_CVbySI9qhZzPGW5jhV5QoGV_swPmEXW9bEBSEfeCjbHiYhXriCNg4_c8ZQrb3gsWyj95_wllmo48IbQ9rrFZbVzncbPjiMQDbcfccTfTfJe69KxO2RpneaOKAewL6Xdh-A7zrRtpNz67P3pNf7A0rm5r3M1vxc/s72-c/tahaji-2-belajar-mengenal-harokat-dan-angka-arab.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-5565430252695430877</id><published>2025-12-06T14:17:00.018+07:00</published><updated>2025-12-14T08:26:36.619+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><category scheme="http://www.blogger.com/atom/ns#" term="Kelas 1"/><category scheme="http://www.blogger.com/atom/ns#" term="Tahajji"/><title type='text'>Belajar Mengenal Huruf Hijaiyah Untuk Pemula (Metode Tahaji 1)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTg28ijqipYGJ-FwHcQcjJCW33sYf37BkurombySctTSW3nhKLelTDfyxS85Qi3S6TSceCEcKDWK1ciMlY0Gmf_K7dmfyzkLUeykh9r6fKJosnnPDIYCnUO4L2V20QC2rWqUwQdCOI2crGX_4y7606qpPGMAQ6BC8GsrflYy9d6pk2-5YXCxZmbLiRHrI/s1600/tahaji-1-mengenal-huruf-hijaiyah.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Tahajji 1 - Belajar Mengenal Huruf Hijaiyah&quot; border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTg28ijqipYGJ-FwHcQcjJCW33sYf37BkurombySctTSW3nhKLelTDfyxS85Qi3S6TSceCEcKDWK1ciMlY0Gmf_K7dmfyzkLUeykh9r6fKJosnnPDIYCnUO4L2V20QC2rWqUwQdCOI2crGX_4y7606qpPGMAQ6BC8GsrflYy9d6pk2-5YXCxZmbLiRHrI/s16000/tahaji-1-mengenal-huruf-hijaiyah.webp&quot; title=&quot;Tahajji 1 - Belajar Mengenal Huruf Hijaiyah&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  diniyah.my.id - &lt;a href=&quot;diniyah.my.id&quot;&gt;Belajar Diniyah&lt;/a&gt; dengan tutorial
  yang mudah dan menyenangkan. Pada materi pembelajaran ini kita akan belajar
  cepat tentang &lt;b&gt;bentuk dan nama-nama huruf hijaiyah&lt;/b&gt;, dalam bentuk
  &lt;b&gt;Kartu Pintar&lt;/b&gt; dan &lt;b&gt;Game Puzzel&lt;/b&gt; yang memudahkan kita dalam
  meng-identifikasi dan menghafal &lt;a href=&quot;https://www.diniyah.my.id/2025/12/tahajji-1-belajar-mengenal-huruf-hijaiyah.html&quot;&gt;bentuk-bentuk huruf hijaiyah beserta
  nama-namanya&lt;/a&gt;
&lt;/p&gt;

&lt;h2&gt;Muqoddimah&lt;/h2&gt;

&lt;p&gt;
  &lt;b&gt;Tahaji&lt;/b&gt;: adalah belajar cara &lt;b&gt;mengenali&lt;/b&gt;, &lt;b&gt;membaca&lt;/b&gt; dan
  &lt;b&gt;menulis&lt;/b&gt; huruf-huruf hijaiyah, baik itu &lt;b&gt;huruf tunggal&lt;/b&gt;,
  &lt;b&gt;huruf sambung&lt;/b&gt;, beserta harokatnya dengan tujuan membangun kemampuan
  dasar agar kita bisa &lt;b&gt;membaca&lt;/b&gt;, &lt;b&gt;menulis&lt;/b&gt; dan
  &lt;b&gt;memahami&lt;/b&gt; kata-kata dalam bahasa arab, pegon maupun Al-Qur&#39;an
&lt;/p&gt;

&lt;p&gt;
  &lt;b&gt;Huruf hijaiyah&lt;/b&gt; adalah huruf-huruf yang digunakan dalam
  &lt;b&gt;bahasa arab&lt;/b&gt; dan &lt;b&gt;Al-Qur&#39;an&lt;/b&gt;. Pada tahap awal ini, kita akan
  belajar:
&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;Mengenal &lt;b&gt;bentuk huruf-huruf hijaiyah&lt;/b&gt;, dan;&lt;/li&gt;
  &lt;li&gt;Menyebutkan &lt;b&gt;nama-nama huruf-huruf hijaiyah&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Tahap 1: Mengenal Bentuk dan Nama Huruf Hijaiyah&lt;/h2&gt;

&lt;div class=&quot;game-wrapper&quot;&gt;
  &lt;h2 class=&quot;game-title&quot;&gt;📖 Kartu Pintar Nama-nama Huruf Hijaiyah&lt;/h2&gt;
  &lt;p&gt;Arahkan mouse atau sentuh kartu kemudian bacalah hurufnya.&lt;/p&gt;

  &lt;div class=&quot;hijaiyah-grid&quot;&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ا&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Alif&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ب&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Ba&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ت&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Ta&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ث&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Tsa&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ج&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Jim&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ح&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Kha&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;خ&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Kho&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;د&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Dal&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ذ&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Dzal&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ر&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Ro&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ز&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Za&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;س&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Sin&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ش&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Syin&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ص&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Shod&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ض&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Dhod&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ط&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Tho&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ظ&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Dho&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ع&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Ain&#39;&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;غ&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Ghoin&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ف&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Fa&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ق&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Qof&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ك&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Kaf&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ل&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Lam&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;م&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Mim&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ن&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Nun&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;و&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Wawu&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;هـ&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;&#39;Ha&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ء&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Hamzah&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hijaiyah-card&quot;&gt;
      &lt;div class=&quot;arab-font&quot;&gt;ي&lt;/div&gt;
      &lt;span class=&quot;latin-text&quot;&gt;Ya&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;h2&gt;Tahap 2: Mencocokkan Huruf Hijaiyah Sesuai Namanya&lt;/h2&gt;

&lt;p&gt;
  Pada tahap ini, kita harus sudah hafal
  &lt;b&gt;semua bentuk huruf-huruf hijaiyah&lt;/b&gt; beserta &lt;b&gt;nama-namanya&lt;/b&gt;. Ada
  beberapa huruf hijaiyah yang ditulis dengan tulisan arab dan latin. Silahkan
  dicocokkan dengan cara:
&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;
    Klik pada nama &lt;b&gt;Huruf Arab&lt;/b&gt;, kemudian klik pada &lt;b&gt;Nama Latin&lt;/b&gt; atau
    sebaliknya
  &lt;/li&gt;
  &lt;li&gt;Jika huruf tersebut menghilang, berarti kita &lt;b&gt;Berhasil!&lt;/b&gt;&lt;/li&gt;
  &lt;li&gt;
    Ulangi bebrapa kali sampai kita hafal dan semua huruf-huruf yang ada
    menghilang semua
  &lt;/li&gt;
&lt;/ul&gt;

&lt;p style=&quot;text-align: center;&quot;&gt;Selamat Mencoba!&lt;/p&gt;

&lt;div class=&quot;game-wrapper&quot;&gt;
  &lt;div class=&quot;puzzle-area&quot;&gt;
    &lt;h2 class=&quot;game-title&quot;&gt;🎮 Puzzle Mencocokkan Huruf&lt;/h2&gt;
    &lt;p class=&quot;puzzle-instruction&quot;&gt;
      Klik pada &lt;b&gt;Nama Latin&lt;/b&gt;, lalu klik pada &lt;b&gt;Huruf Arab&lt;/b&gt; yang sesuai
      (atau sebaliknya)!
    &lt;/p&gt;

    &lt;div class=&quot;score-board&quot; id=&quot;message-box&quot;&gt;Ayo Mulai!&lt;/div&gt;

    &lt;div class=&quot;puzzle-container&quot; id=&quot;game-board&quot;&gt;&lt;/div&gt;

    &lt;button class=&quot;btn-reset&quot; onclick=&quot;initGame()&quot;&gt;Ulangi Permainan&lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;br /&gt;


&lt;blockquote&gt;
  Ulangi beberapa kali pada materi &lt;b&gt;Tahap 1&lt;/b&gt; dan &lt;b&gt;Tahap 2&lt;/b&gt; sampai kita
  benar-benar memahami dan hafal semua bentuk dan nama-nama huruf hijaiyah. Jika sudah menguasai dan faham betul, kita lanjut ke materi berikutnya tentang &lt;a href=&quot;https://www.diniyah.my.id/2025/12/belajar-mengenal-harokat-dan-angka-arab-metode-tahaji.html&quot;&gt;Belajar Mengenal harokat dan Angka&lt;/a&gt;
&lt;/blockquote&gt;

&lt;p&gt;
  Sekian materi singkat tentang
  &lt;a href=&quot;diniyah.my.id&quot;&gt;Belajar Mengenal Huruf Hijaiyah Untuk Pemula&lt;/a&gt; dengan cepat, mudah dan
  menyenangkan ini. Semoga bermanfaat.
&lt;/p&gt;

&lt;style&gt;
  /* === GAYA UMUM (DEFAULT / LIGHT MODE) === */

  .game-wrapper {
    font-family: &quot;Arial&quot;, sans-serif;
    text-align: center;
    padding: 20px;
    background-color: #f9fdfa; /* Latar hijau sangat muda */
    border-radius: 15px;
    border: 2px dashed #4caf50;
    margin-top: 20px;
    transition: background-color 0.3s, border-color 0.3s;
  }

  .game-title {
    color: #2e7d32;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.5rem;
  }

  /* === BAGIAN 1: KARTU BELAJAR === */
  .hijaiyah-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 15px;
    margin-bottom: 40px;
    direction: rtl; /* Arah baca kanan ke kiri */
  }

  .hijaiyah-card {
    background: white;
    border: 2px solid #a5d6a7;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    transition: transform 0.2s, background 0.2s;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  }

  .hijaiyah-card:hover {
    transform: scale(1.1);
    background-color: #e8f5e9;
    border-color: #4caf50;
  }

  .arab-font {
    font-family: &quot;Amiri&quot;, serif;
    font-size: 42px;
    color: #2e7d32;
    line-height: 1.5;
    font-weight: bold;
  }

  .latin-text {
    font-size: 14px;
    /* PERBAIKAN: Warna dipergelap agar lebih jelas di mode terang */
    color: #333;
    margin-top: 5px;
    font-weight: bold;
    display: block;
  }

  /* === BAGIAN 2: PUZZLE MENCOCOKKAN === */
  .puzzle-area {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s;
  }

  .puzzle-instruction {
    margin-bottom: 15px;
    color: #333; /* Warna gelap untuk mode terang */
  }

  .puzzle-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .match-item {
    padding: 15px 25px;
    background-color: #eee;
    border: 2px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
    transition: 0.3s;
    font-size: 18px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* PERBAIKAN: Warna teks default hitam */
    color: #333;
  }

  .match-item.selected {
    background-color: #ffeb3b !important;
    border-color: #fbc02d !important;
    transform: scale(1.05);
    color: #333 !important; /* Tetap hitam saat dipilih */
  }

  .match-item.matched {
    background-color: #4caf50 !important;
    color: white !important;
    border-color: #2e7d32 !important;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s ease;
    pointer-events: none;
  }

  .match-item.matched .arab-font {
    color: white !important;
  }

  .btn-reset {
    margin-top: 20px;
    padding: 10px 20px;
    background: #ff5722;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
  }

  .score-board {
    font-size: 20px;
    font-weight: bold;
    color: #2e7d32;
    margin: 10px 0;
  }

  /* Animasi Salah */
  @keyframes shake {
    0% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-5px);
    }
    50% {
      transform: translateX(5px);
    }
    75% {
      transform: translateX(-5px);
    }
    100% {
      transform: translateX(0);
    }
  }

  .wrong {
    animation: shake 0.3s;
    background-color: #ffcdd2 !important;
    border-color: #f44336 !important;
    color: #333 !important;
  }

  /* ========================================= */
  /* PENGATURAN DARK MODE             */
  /* ========================================= */

  [data-theme=&quot;dark&quot;] .game-wrapper {
    background-color: #1f2937; /* Latar belakang gelap */
    border-color: #2e7d32;
  }

  [data-theme=&quot;dark&quot;] .puzzle-area {
    background-color: #2d3748; /* Area puzzle sedikit lebih terang dari background utama */
    box-shadow: none;
  }

  /* 1. Judul &amp; Instruksi jadi TERANG (agar terbaca di background gelap) */
  [data-theme=&quot;dark&quot;] .puzzle-instruction,
  [data-theme=&quot;dark&quot;] .game-title {
    color: #e5e7eb;
  }

  /* 2. Teks Latin di Kartu Pintar jadi GELAP (agar terbaca di kartu putih) */
  [data-theme=&quot;dark&quot;] .latin-text {
    color: #333333 !important; /* Hitam */
  }

  /* IMPLEMENTASI SOLUSI KAMU UNTUK KOTAK PUZZLE DI DARK MODE */
  [data-theme=&quot;dark&quot;] .match-item {
    background-color: #f9fdfa; /* Kotak tetap TERANG */
    color: #333333; /* Teks tetap HITAM */
    border-color: #a5d6a7;
  }

  /* Pastikan huruf Arab tetap Hijau di dalam kotak terang saat dark mode */
  [data-theme=&quot;dark&quot;] .match-item .arab-font {
    color: #2e7d32;
  }

  /* Efek Hover di Dark Mode */
  [data-theme=&quot;dark&quot;] .match-item:hover {
    background-color: #fff;
    border-color: #4caf50;
  }
&lt;/style&gt;

&lt;script&gt;
  // Data Game (Pasangan Latin dan Arab)
  const gameData = [
    { id: 1, latin: &quot;Alif&quot;, arab: &quot;ا&quot; },
    { id: 2, latin: &quot;Ba&#39;&quot;, arab: &quot;ب&quot; },
    { id: 3, latin: &quot;Ta&#39;&quot;, arab: &quot;ت&quot; },
    { id: 4, latin: &quot;Tsa&#39;&quot;, arab: &quot;ث&quot; },
    { id: 5, latin: &quot;Jim&quot;, arab: &quot;ج&quot; },
    { id: 6, latin: &quot;Kha&#39;&quot;, arab: &quot;ح&quot; },
    { id: 7, latin: &quot;Kho&#39;&quot;, arab: &quot;خ&quot; },
    { id: 8, latin: &quot;Dal&quot;, arab: &quot;د&quot; },
    { id: 9, latin: &quot;Ro&#39;&quot;, arab: &quot;ر&quot; },
    { id: 10, latin: &quot;Za&#39;&quot;, arab: &quot;ز&quot; },
    { id: 11, latin: &quot;Sin&quot;, arab: &quot;س&quot; },
    { id: 12, latin: &quot;Syin&quot;, arab: &quot;ش&quot; },
    { id: 13, latin: &quot;Shod&quot;, arab: &quot;ص&quot; },
    { id: 14, latin: &quot;Dhod&quot;, arab: &quot;ض&quot; },
    { id: 15, latin: &quot;Tho&#39;&quot;, arab: &quot;ط&quot; },
    { id: 16, latin: &quot;Dho&#39;&quot;, arab: &quot;ظ&quot; },
    { id: 1, latin: &quot;&#39;Ain&quot;, arab: &quot;ع&quot; },
    { id: 2, latin: &quot;Ghoin&quot;, arab: &quot;غ&quot; },
    { id: 3, latin: &quot;Fa&#39;&quot;, arab: &quot;ف&quot; },
    { id: 4, latin: &quot;Qof&quot;, arab: &quot;ق&quot; },
    { id: 5, latin: &quot;Kaf&quot;, arab: &quot;ك&quot; },
    { id: 6, latin: &quot;Lam&quot;, arab: &quot;ل&quot; },
    { id: 7, latin: &quot;Mim&quot;, arab: &quot;م&quot; },
    { id: 8, latin: &quot;Nun&quot;, arab: &quot;ن&quot; },
    { id: 9, latin: &quot;Wawu&quot;, arab: &quot;و&quot; },
    { id: 10, latin: &quot;Ha&#39;&quot;, arab: &quot;هـ&quot; },
    { id: 11, latin: &quot;Hamzah&quot;, arab: &quot;ء&quot; },
    { id: 12, latin: &quot;Ya&#39;&quot;, arab: &quot;ي&quot; },
  ];

  let selectedItem = null;
  let items = [];

  function shuffle(array) {
    let currentIndex = array.length,
      randomIndex;
    while (currentIndex != 0) {
      randomIndex = Math.floor(Math.random() * currentIndex);
      currentIndex--;
      [array[currentIndex], array[randomIndex]] = [
        array[randomIndex],
        array[currentIndex],
      ];
    }
    return array;
  }

  function initGame() {
    const board = document.getElementById(&quot;game-board&quot;);
    board.innerHTML = &quot;&quot;;
    selectedItem = null;
    document.getElementById(&quot;message-box&quot;).innerText =
      &quot;Silakan cocokkan pasangan huruf yang benar!&quot;;
    document.getElementById(&quot;message-box&quot;).style.color = &quot;#2E7D32&quot;;

    // Siapkan item terpisah untuk diacak
    let gameItems = [];

    // Ambil 5 pasang acak dari database agar game selalu berbeda
    let currentLevelData = shuffle([...gameData]).slice(0, 5);

    currentLevelData.forEach((item) =&gt; {
      // Item Latin
      gameItems.push({
        type: &quot;latin&quot;,
        id: item.id,
        content: item.latin,
        displayClass: &quot;latin-text&quot;,
      });
      // Item Arab
      gameItems.push({
        type: &quot;arab&quot;,
        id: item.id,
        content: item.arab,
        displayClass: &quot;arab-font&quot;,
      });
    });

    // Acak posisi puzzle
    shuffle(gameItems);

    // Render ke HTML
    gameItems.forEach((item) =&gt; {
      const div = document.createElement(&quot;div&quot;);
      div.classList.add(&quot;match-item&quot;);
      div.dataset.id = item.id;

      if (item.type === &quot;arab&quot;) {
        div.innerHTML = `&lt;span class=&quot;${item.displayClass}&quot;&gt;${item.content}&lt;/span&gt;`;
      } else {
        div.innerHTML = `&lt;span&gt;${item.content}&lt;/span&gt;`;
      }

      div.onclick = () =&gt; handleItemClick(div);
      board.appendChild(div);
    });
  }

  function handleItemClick(element) {
    if (element.classList.contains(&quot;matched&quot;)) return;

    // Jika klik elemen yang sama (batalkan pilihan)
    if (element === selectedItem) {
      element.classList.remove(&quot;selected&quot;);
      selectedItem = null;
      return;
    }

    // Menandai elemen pertama yang dipilih
    if (!selectedItem) {
      selectedItem = element;
      element.classList.add(&quot;selected&quot;);
    } else {
      // Cek kecocokan
      if (selectedItem.dataset.id === element.dataset.id) {
        // BENAR
        selectedItem.classList.remove(&quot;selected&quot;);
        selectedItem.classList.add(&quot;matched&quot;);
        element.classList.add(&quot;matched&quot;);

        document.getElementById(&quot;message-box&quot;).innerText = &quot;Benar! 🎉&quot;;
        document.getElementById(&quot;message-box&quot;).style.color = &quot;green&quot;;

        selectedItem = null;

        // Cek jika semua selesai
        if (
          document.querySelectorAll(&quot;.match-item:not(.matched)&quot;).length === 0
        ) {
          document.getElementById(&quot;message-box&quot;).innerText =
            &quot;Alhamdulillah! Kamu berhasil menyelesaikan semua puzzle!&quot;;
        }
      } else {
        // SALAH
        element.classList.add(&quot;wrong&quot;);
        selectedItem.classList.add(&quot;wrong&quot;);
        document.getElementById(&quot;message-box&quot;).innerText = &quot;Coba lagi... 😅&quot;;
        document.getElementById(&quot;message-box&quot;).style.color = &quot;red&quot;;

        setTimeout(() =&gt; {
          element.classList.remove(&quot;wrong&quot;);
          if (selectedItem) selectedItem.classList.remove(&quot;wrong&quot;, &quot;selected&quot;);
          selectedItem = null;
        }, 500);
      }
    }
  }

  // Mulai game saat halaman dimuat
  document.addEventListener(&quot;DOMContentLoaded&quot;, function () {
    initGame();
  });
&lt;/script&gt;
</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/5565430252695430877/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/12/tahajji-1-belajar-mengenal-huruf-hijaiyah.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5565430252695430877'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5565430252695430877'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/12/tahajji-1-belajar-mengenal-huruf-hijaiyah.html' title='Belajar Mengenal Huruf Hijaiyah Untuk Pemula (Metode Tahaji 1)'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTg28ijqipYGJ-FwHcQcjJCW33sYf37BkurombySctTSW3nhKLelTDfyxS85Qi3S6TSceCEcKDWK1ciMlY0Gmf_K7dmfyzkLUeykh9r6fKJosnnPDIYCnUO4L2V20QC2rWqUwQdCOI2crGX_4y7606qpPGMAQ6BC8GsrflYy9d6pk2-5YXCxZmbLiRHrI/s72-c/tahaji-1-mengenal-huruf-hijaiyah.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-4046468307525460557</id><published>2025-11-27T17:37:00.010+07:00</published><updated>2026-09-21T03:11:02.164+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Fiqih"/><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><title type='text'>Latihan Soal Mabadi&#39; Fiqih Juz 2 Semester 1 (Latin)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO8jc4gKN5upd_XCHuZQJXxXL3tYKJCBpvR3sHQAWN5v9bDXb-8ZI1bX-pWL8ZEbGMEVci1FWCpYDunD-FO_g4ffagPf238QIihMFLO7BH4OrzEz0GhWgmgOVBdQJ3PmwPFANKEakH63tdSt8IFTuETuU-0ZSORvlVE1FjIwjnIz9lrYfg99bOQrl_9qo/s1600/latihan-soal-mabadi%27-fiqih-juz-2-semester-1-latin.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;latihan-soal-mabadi&#39;-fiqih-juz-2-semester-1-latin&quot; border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO8jc4gKN5upd_XCHuZQJXxXL3tYKJCBpvR3sHQAWN5v9bDXb-8ZI1bX-pWL8ZEbGMEVci1FWCpYDunD-FO_g4ffagPf238QIihMFLO7BH4OrzEz0GhWgmgOVBdQJ3PmwPFANKEakH63tdSt8IFTuETuU-0ZSORvlVE1FjIwjnIz9lrYfg99bOQrl_9qo/s16000/latihan-soal-mabadi&#39;-fiqih-juz-2-semester-1-latin.webp&quot; title=&quot;latihan-soal-mabadi&#39;-fiqih-juz-2-semester-1-latin&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  Materi pelajaran Fiqih dalam bentuk
  &lt;a href=&quot;https://www.diniyah.my.id/2025/11/latihan-soal-mabadi-fiqih-juz-2-semester-1-latin.html&quot;&gt;latihan soal kitab Mabadi&#39; Fiqh Juz 2&lt;/a&gt; karya Syeikh Umar Abdul Jabbar. Sebagai penunjang peserta
  didik dan para santri dalam persiapan ujian akhir semester. Khususnya pada
  materi Muatan Lokal Pendidikan Diniyah di Kabupaten Jombang.
&lt;/p&gt;
&lt;p&gt;
  Kelas: &lt;b&gt;5&lt;/b&gt;&lt;br /&gt;
  Pelajaran: &lt;b&gt;Diniyah&lt;/b&gt;&lt;br /&gt;
  Kitab: &lt;b&gt;Mabadi&#39; Fiqh Juz 2&lt;/b&gt;&lt;br /&gt;
  Soal: &lt;b&gt;40 Soal&lt;/b&gt;
&lt;/p&gt;

&lt;h3&gt;Ringkasan kisi-kisi Lingkup Materi Soal latihan&lt;/h3&gt;

&lt;ol&gt;
  &lt;li&gt;
    Memahami macam-macam hukum Islam dalam kitab Mabadi&#39;ul Fiqhiyyah Juz 2
  &lt;/li&gt;
  &lt;li&gt;Memahami tata cara bersuci dalam kitab Mabadi&#39;ul Fiqhiyyah Juz 2&lt;/li&gt;
  &lt;li&gt;
    Memahami ketentuan sholat fardhu dan sunnah dalam kitab Mabadi&#39;ul Fiqhiyyah
    Juz 2
  &lt;/li&gt;
  &lt;li&gt;Memahami Ketentuan Haid dan Ruang Lingkupnya (2)&lt;/li&gt;
&lt;/ol&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
  body {
    font-family: &quot;Roboto&quot;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
  }

  /* Font Arab Khusus */
  .arab {
    font-family: &quot;Amiri&quot;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
  }

  /* Agar pilihan ganda Arab juga rata kanan */
  .pilihan-jawaban.arab {
    text-align: right;
    direction: rtl;
  }

  /* Kotak Utama */
  .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2e7d32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Judul &amp; Header */
  h2 {
    color: #2e7d32;
    margin-top: 0;
  }

  /* Form Input */
  .form-group {
    margin-bottom: 15px;
    text-align: left;
  }
  .form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
  }
  .form-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
  }

  /* Pilihan Jawaban */
  .pilihan-jawaban {
    display: block;
    margin: 10px 0;
    padding: 12px 15px;
    background: #f9f9f9;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
    border: 1px solid #eee;
  }
  .pilihan-jawaban:hover {
    background: #e8f5e9;
    border-color: #a5d6a7;
  }
  .pilihan-jawaban input {
    margin-left: 10px;
    transform: scale(1.3);
  } /* Radio button lebih besar */

  /* Tombol Navigasi */
  .btn-nav-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px dashed #ddd;
  }
  .btn-hijau {
    background: #2e7d32;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  }
  .btn-hijau:hover {
    background: #1b5e20;
    transform: translateY(-2px);
  }

  .btn-abu {
    background: #757575;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
  }
  .btn-abu:hover {
    background: #616161;
  }

  /* Info Siswa di atas soal */
  #info-siswa-bar {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-weight: bold;
    border: 1px dashed #2e7d32;
    display: flex;
    justify-content: space-between;
  }

  /* Tampilan Hasil Akhir */
  .hasil-box {
    text-align: center;
  }
  .skor-besar {
    font-size: 60px;
    font-weight: bold;
    color: #2e7d32;
    display: block;
    margin: 10px 0;
  }

  .detail-nilai {
    text-align: left;
    background: #fffde7;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
    border: 1px solid #fff59d;
  }
  .list-benar {
    color: #2e7d32;
    font-weight: bold;
    line-height: 1.5;
  }
  .list-salah {
    color: #d32f2f;
    font-weight: bold;
    line-height: 1.5;
  }

  /* Animasi Slide */
  .slide-soal {
    display: none;
    animation: fadeIn 0.4s;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
  &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqzTBrejcvdZRF9LUEVo03FjYqbY-isPtXDCMt7p9OnYXCJoCfSA68W1xpz-pLe-XPkgcf3Wa9XY_iinOSahkRnkVayiQ_pK69M2LRZ1dDuoq64M4QgZKKR7R0QzpL6hg0xWOVv85NYB20aTnLTts1rKb1lC8HXnFpoNq0Nz1gUcKbHYmdp43Pe_zC7O8/s1600/jombang-santri@0.5x.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;

  &lt;h2&gt;Latihan Soal Mabadi&#39; Fiqih Juz 2 Semester 1&lt;/h2&gt;
  &lt;p&gt;Silakan isi nama untuk memulai latihan.&lt;/p&gt;
  &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; placeholder=&quot;Contoh: ZAIDUN&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; placeholder=&quot;Contoh: 5 / 5A&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Sekolah:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; placeholder=&quot;Contoh: SDN Curahmalang 1&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;

  &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;
    MULAI MENGERJAKAN
  &lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;
  &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;

  &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Hukum Islam jumlahnya ada berapa?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;3&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;4&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;5&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;6&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Apa yang dimaksud dengan hukum &quot;Wajib&quot; atau &quot;Fardhu&quot; itu?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Jika dikerjakan dapat
        pahala, jika ditinggalkan dapat siksa&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Jika dikerjakan dapat
        pahala, jika ditinggalkan tidak apa-apa&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Jika dikerjakan berdosa,
        jika ditinggalkan mendapat pahala&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Boleh dikerjakan dan boleh
        ditinggalkan&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Shalat lima waktu itu termasuk jenis fardhu apa?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Fardhu Kifayah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Fardhu &#39;Ain&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Sunnah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Mubah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Jika satu orang sudah mengerjakannya, maka kewajiban orang lain
          menjadi gugur. Ini disebut fardhu...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;&#39;Ain&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Sunnah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Kifayah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Makruh&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Perbuatan yang jika kita kerjakan mendapat pahala, tapi jika kita
          tinggalkan tidak berdosa disebut...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Wajib&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Haram&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Sunnah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Makruh&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Minum air putih dan makan nasi hukum asalnya adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Wajib&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Sunnah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Mubah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Haram&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Perbuatan yang dilarang dan jika dikerjakan akan mendapat siksa
          disebut...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Wajib&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Sunnah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Makruh&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Haram&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Thaharah artinya adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Bersuci&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Berdoa&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Sholat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Puasa&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Alat utama yang digunakan untuk bersuci adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Tisu&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Air&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Minyak&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Kain&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Air yang boleh dipakai untuk bersuci adalah air yang...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Terkena najis&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Air bekas pakai (Air
        Musta&#39;mal)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Air suci dan mensucikan
        (Air Mutlak)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Air teh manis&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Air sedikit adalah air yang jumlahnya kurang dari...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Satu ember&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Dua gelas&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Dua qullah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Satu bak mandi&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Darah, nanah, dan air kencing termasuk benda...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Suci&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Bersih&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Najis&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Mubah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Bagaimana cara menyucikan najis anjing dan babi?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Dicuci dengan sabun satu
        kali&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Dibasuh 7 kali, salah
        satunya dicampur debu&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Disiram air panas&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Dijemur di bawah
        matahari&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Membersihkan kotoran setelah buang air kecil atau besar disebut...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Wudhu&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Mandi&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Istinja&#39; (Cebok)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tayammum&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Ada berapa jumlah fardhu (rukun) wudhu?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;4&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;5&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;6&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;7&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide16&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 16&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Kapan kita membaca niat wudhu?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Saat berkumur&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Saat membasuh wajah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Saat membasuh kaki&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Setelah selesai
        wudhu&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide17&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 17&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Saat membasuh tangan dalam wudhu, kita harus membasuhnya sampai...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Pergelangan tangan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Siku&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Bahu&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Jari-jari saja&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide18&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 18&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Salah satu contoh sunnah wudhu adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Membasuh muka&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Niat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Berkumur-kumur&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tertib&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide19&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 19&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Hal yang dapat membatalkan wudhu adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Makan minum&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Berbicara&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Buang angin
        (kentut)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tertawa&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide20&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 20&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Mandi wajib (mandi besar) bertujuan untuk menghilangkan...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Najis di baju&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Hadats besar&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Hadats kecil&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Rasa gerah&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide21&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 21&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Salah satu sebab seseorang wajib mandi besar adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal21&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Selesai haid&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal21&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Selesai makan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal21&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Selesai tidur&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal21&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Selesai wudhu&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide22&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 22&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Jika tidak ada air, kita boleh bersuci dengan cara...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal22&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Mandi cahaya&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal22&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Wudhu angin&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal22&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Tayammum&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal22&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Menunggu sampai
        hujan&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide23&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 23&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Tayammum dilakukan dengan menggunakan...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal23&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Air es&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal23&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Debu yang suci&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal23&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Batu kerikil&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal23&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tepung&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide24&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 24&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Anggota badan yang diusap saat tayammum adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal24&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Wajah dan Kaki&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal24&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Tangan dan Kaki&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal24&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Wajah dan Tangan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal24&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Kepala dan Telinga&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide25&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 25&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Anak-anak mulai diperintahkan untuk sholat ketika berumur...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal25&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;5 tahun&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal25&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;7 tahun&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal25&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;10 tahun&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal25&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;15 tahun&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide26&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 26&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Salah satu syarat sah sholat adalah menutup...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal26&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Mata&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal26&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Telinga&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal26&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Aurat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal26&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Mulut&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide27&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 27&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Jumlah seluruh rakaat sholat fardhu dalam sehari semalam adalah...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal27&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;10 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal27&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;15 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal27&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;17 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal27&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;20 rakaat&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide28&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 28&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Sholat Subuh dikerjakan sebanyak...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal28&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;2 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal28&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;3 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal28&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;4 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal28&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;1 rakaat&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide29&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 29&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Waktu sholat Maghrib dimulai sejak...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal29&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Matahari terbit&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal29&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Matahari tepat di atas
        kepala&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal29&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Matahari terbenam&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal29&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tengah malam&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide30&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 30&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Sholat sunnah yang dikerjakan mengiringi (sebelum/sesudah) sholat
          fardhu disebut sholat...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal30&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Dhuha&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal30&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Rawatib&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal30&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Tahajud&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal30&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tarawih&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide31&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 31&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Berapa rakaat sholat sunnah sebelum (qabliyah) Subuh?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal31&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;2 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal31&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;4 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal31&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;6 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal31&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;8 rakaat&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide32&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 32&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Sholat Witir dikerjakan setelah sholat...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal32&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Subuh&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal32&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Dzuhur&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal32&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Ashar&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal32&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Isya&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide33&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 33&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Jumlah paling banyak rakaat sholat Witir adalah...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal33&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;3 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal33&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;5 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal33&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;11 rakaat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal33&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;23 rakaat&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide34&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 34&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;&lt;b&gt;Kapan waktu yang DILARANG (haram) untuk mengerjakan sholat?&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal34&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Setelah sholat
        Isya&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal34&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Setelah sholat Subuh
        (sampai matahari terbit)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal34&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Sebelum sholat
        Dzuhur&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal34&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Tengah malam&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide35&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 35&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Salah satu syarat wajib sholat adalah &quot;Baligh&quot;. Baligh artinya...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal35&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Sudah dewasa (cukup
        umur)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal35&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Kaya raya&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal35&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Orang Arab&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal35&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Anak kecil&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide36&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 36&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Apa yang dimaksud dengan Haid?&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal36&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Darah yang keluar karena
        luka terjatuh&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal36&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Darah yang keluar dari
        hidung (mimisan)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal36&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Darah kebiasaan yang
        keluar dari wanita sehat&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal36&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Darah yang keluar karena
        melahirkan&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide37&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 37&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Seorang perempuan biasanya mulai bisa mengalami haid ketika usianya
          sudah mencapai...&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal37&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;5 tahun&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal37&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;9 tahun&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal37&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;2 tahun&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal37&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;40 tahun&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide38&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 38&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Apa hukumnya mengerjakan Shalat bagi perempuan yang sedang haid?&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal38&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Wajib&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal38&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Sunnah&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal38&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Haram (Dilarang)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal38&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Boleh-boleh saja&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide39&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 39&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Selain shalat, ibadah apa yang juga DILARANG (haram) dilakukan saat
          sedang haid?&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal39&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Makan dan minum&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal39&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Tidur siang&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal39&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Puasa&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal39&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Belajar&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide40&quot;&gt;
      &lt;p style=&quot;text-align: center;&quot;&gt;&lt;b&gt;Soal No. 40&lt;/b&gt;&lt;/p&gt;
      &lt;p&gt;
        &lt;b&gt;Bolehkah perempuan yang sedang haid menyentuh dan membawa
          Al-Qur&#39;an?&lt;/b&gt;
      &lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;&lt;input name=&quot;soal40&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;Boleh&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal40&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;Sangat dianjurkan&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal40&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;Haram&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban&quot;&gt;
        &lt;input name=&quot;soal40&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;Wajib&lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;
      Kembali
    &lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;
      Selanjutnya
    &lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;
      Selesai &amp;amp; Lihat Nilai
    &lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
  &lt;h2 style=&quot;color: #2e7d32;&quot;&gt;Hasil Latihan&lt;/h2&gt;
  &lt;p&gt;
    Berikut adalah hasil pengerjaan
    &lt;span id=&quot;hasilNama&quot; style=&quot;font-weight: bold;&quot;&gt;&lt;/span&gt;:
  &lt;/p&gt;

  &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
  &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

  &lt;div class=&quot;detail-nilai&quot;&gt;
    &lt;p&gt;
      ✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;
    &lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 15px 0px;&quot; /&gt;
    &lt;p&gt;
      ❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;
    Ulangi Latihan
  &lt;/button&gt;
&lt;/div&gt;

&lt;script&gt;
  // --- KONFIGURASI SOAL ---
  const totalSoal = 40;
  const kunciJawaban = {
    soal1: &quot;C&quot;,
    soal2: &quot;A&quot;,
    soal3: &quot;B&quot;,
    soal4: &quot;C&quot;,
    soal5: &quot;C&quot;,
    soal6: &quot;C&quot;,
    soal7: &quot;D&quot;,
    soal8: &quot;A&quot;,
    soal9: &quot;B&quot;,
    soal10: &quot;C&quot;,
    soal11: &quot;C&quot;,
    soal12: &quot;C&quot;,
    soal13: &quot;B&quot;,
    soal14: &quot;C&quot;,
    soal15: &quot;C&quot;,
    soal16: &quot;B&quot;,
    soal17: &quot;B&quot;,
    soal18: &quot;C&quot;,
    soal19: &quot;C&quot;,
    soal20: &quot;B&quot;,
    soal21: &quot;A&quot;,
    soal22: &quot;C&quot;,
    soal23: &quot;B&quot;,
    soal24: &quot;C&quot;,
    soal25: &quot;B&quot;,
    soal26: &quot;C&quot;,
    soal27: &quot;C&quot;,
    soal28: &quot;A&quot;,
    soal29: &quot;C&quot;,
    soal30: &quot;B&quot;,
    soal31: &quot;A&quot;,
    soal32: &quot;D&quot;,
    soal33: &quot;C&quot;,
    soal34: &quot;B&quot;,
    soal35: &quot;A&quot;,
    soal36: &quot;C&quot;,
    soal37: &quot;B&quot;,
    soal38: &quot;C&quot;,
    soal39: &quot;C&quot;,
    soal40: &quot;C&quot;,
  };

  let slideIndex = 1;

  // 1. MULAI LATIHAN
  function mulaiLatihan() {
    var nama = document.getElementById(&quot;inputNama&quot;).value;
    var kelas = document.getElementById(&quot;inputKelas&quot;).value;
    var sekolah = document.getElementById(&quot;inputSekolah&quot;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
      alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
      return;
    }

    // Pindah data ke header
    document.getElementById(&quot;dispNama&quot;).innerText = nama;
    document.getElementById(&quot;dispKelas&quot;).innerText =
      kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&quot;hasilNama&quot;).innerText = nama;

    // Ganti tampilan
    document.getElementById(&quot;halaman-login&quot;).style.display = &quot;none&quot;;
    document.getElementById(&quot;halaman-kuis&quot;).style.display = &quot;block&quot;;

    // Tampilkan slide pertama
    showSlide(1);
  }

  // 2. NAVIGASI SLIDE
  function gantiSlide(n) {
    showSlide((slideIndex += n));
  }

  function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);

    if (n &gt; totalSoal) {
      slideIndex = totalSoal;
    }
    if (n &lt; 1) {
      slideIndex = 1;
    }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
      slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) {
      btnPrev.style.visibility = &quot;hidden&quot;;
    } else {
      btnPrev.style.visibility = &quot;visible&quot;;
    }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
      btnNext.style.display = &quot;none&quot;;
      btnFinish.style.display = &quot;inline-block&quot;;
    } else {
      btnNext.style.display = &quot;inline-block&quot;;
      btnFinish.style.display = &quot;none&quot;;
    }
  }

  // 3. SELESAI &amp; HITUNG NILAI
  function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
      var namaRadio = &quot;soal&quot; + i;
      var jawabanUser = document.querySelector(
        &#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;
      );
      var kunci = kunciJawaban[namaRadio];

      if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
      } else {
        arrSalah.push(i);
      }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&quot;skorAkhir&quot;).innerText = nilaiAkhir;
    document.getElementById(&quot;listBenar&quot;).innerText =
      arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&quot;listSalah&quot;).innerText =
      arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;

    document.getElementById(&quot;pesanMotivasi&quot;).innerText = pesan;

    // Ganti Halaman
    document.getElementById(&quot;halaman-kuis&quot;).style.display = &quot;none&quot;;
    document.getElementById(&quot;halaman-hasil&quot;).style.display = &quot;block&quot;;
    window.scrollTo(0, 0);
  }
&lt;/script&gt;

&lt;br/&gt;
&lt;br/&gt;

&lt;div class=&#39;notification-box info&#39; style=&quot;text-align: center&quot;&gt;

  &lt;p style=&quot;text-align: center&quot;&gt;Klik TOMBOL dibawah ini untuk mulai mengerjakan Soal Ujian Online Diniyah Kitab Mabadi&#39; Fiqh Juz 2&lt;/p&gt;
  
  &lt;a class=&quot;btn-new-tab btn-primary&quot; href=&quot;https://www.diniyah.my.id/p/soal-ujian-mabadi-fiqih-juz-2-latin.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;MULAI UJIAN&lt;/button&gt;&lt;/a&gt;

&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/4046468307525460557/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/11/latihan-soal-mabadi-fiqih-juz-2-semester-1-latin.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/4046468307525460557'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/4046468307525460557'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/11/latihan-soal-mabadi-fiqih-juz-2-semester-1-latin.html' title='Latihan Soal Mabadi&#39; Fiqih Juz 2 Semester 1 (Latin)'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO8jc4gKN5upd_XCHuZQJXxXL3tYKJCBpvR3sHQAWN5v9bDXb-8ZI1bX-pWL8ZEbGMEVci1FWCpYDunD-FO_g4ffagPf238QIihMFLO7BH4OrzEz0GhWgmgOVBdQJ3PmwPFANKEakH63tdSt8IFTuETuU-0ZSORvlVE1FjIwjnIz9lrYfg99bOQrl_9qo/s72-c/latihan-soal-mabadi&#39;-fiqih-juz-2-semester-1-latin.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-2311488298838983426</id><published>2025-11-25T03:15:00.010+07:00</published><updated>2026-09-21T03:11:36.617+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aqidatul Awam"/><category scheme="http://www.blogger.com/atom/ns#" term="Latihan Soal"/><title type='text'>Latihan Soal Aqidatul Awam Semester 1 (Pegon)</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLZ9Dq1B2Dw00IXHMQDIfLIf4aEU99DxxmxD56PZPu-pHN09XMXsQ3HP9GmXKmBP3-3YU2k87lzFCdN78QvJcAqpGILpIOt5kklzEuVLtkpUxIIAlfn1WyzWBZ5cxLOfRRjR49tZkTMFXedWFRvHvp5KLoC6AykdyzLJSREJ9PdfdYUNzkyrJgP4fZgw/s1600/latihan-soal-aqidatul-awam.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Latihan Soal Aqidatul Awam Semester 1&quot; border=&quot;0&quot; data-original-height=&quot;360&quot; data-original-width=&quot;640&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLZ9Dq1B2Dw00IXHMQDIfLIf4aEU99DxxmxD56PZPu-pHN09XMXsQ3HP9GmXKmBP3-3YU2k87lzFCdN78QvJcAqpGILpIOt5kklzEuVLtkpUxIIAlfn1WyzWBZ5cxLOfRRjR49tZkTMFXedWFRvHvp5KLoC6AykdyzLJSREJ9PdfdYUNzkyrJgP4fZgw/s16000/latihan-soal-aqidatul-awam.webp&quot; title=&quot;Latihan Soal Aqidatul Awam Semester 1&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Materi pelajaran aqidah dalam bentuk &lt;a href=&quot;https://www.diniyah.my.id/2025/11/latihan-soal-aqidatul-awam-semester-1.html&quot;&gt;latihan soal kitab Aqidatul Awam&lt;/a&gt; karya Syeikh Ahmad AL-Marzuki dalam tulisan pegon. Sebagai penunjang peserta didik / para santri dalam kompetensi literasi baca tulis pegon. Khususnya pada materi Muatan Lokal Pendidikan Diniyah di Kabupaten Jombang.

&lt;/p&gt;&lt;p&gt;
  Kelas: &lt;b&gt;6&lt;/b&gt;&lt;br /&gt;
  Pelajaran: &lt;b&gt;Diniyah&lt;/b&gt;&lt;br /&gt;
  Kitab: &lt;b&gt;Aqidatul Awam&lt;/b&gt;&lt;br /&gt;
  Soal: &lt;b&gt;35 Soal&lt;/b&gt;
&lt;/p&gt;

&lt;h3&gt;Ringkasan Kisi-kisi Lingkup Materi Soal latihan&lt;/h3&gt;

&lt;ol&gt;
  &lt;li&gt;Sifat-sifat Allah SWT dalam kitab Aqidatul Awam&lt;/li&gt;
  &lt;li&gt;Nama-nama rasul beserta sifat-sifatnya dalam kitab Aqidatul Awam&lt;/li&gt;
  &lt;li&gt;Malaikat-malaikat Allah dalam kitab Aqidatul Awam&lt;/li&gt;
  &lt;li&gt;Kitab-kitab Allah dalam kitab Aqidatul Awam&lt;/li&gt;
&lt;/ol&gt;

&lt;style&gt;
  /* --- 1. PENGATURAN TAMPILAN (CSS) --- */
  body {
    font-family: &#39;Roboto&#39;, sans-serif;
    background-color: #f4f4f4;
    color: #333;
    padding: 20px;
  }

  /* Font Arab Khusus */
  .arab {
    font-family: &#39;Amiri&#39;, serif;
    font-size: 21px;
    font-weight: normal;
    direction: rtl;
    text-align: right;
    line-height: 2.2;
    margin-bottom: 15px;
  }
  
  /* Agar pilihan ganda Arab juga rata kanan */
  .pilihan-jawaban.arab { 
    text-align: right; 
    direction: rtl; 
  }

  /* Kotak Utama */
  .kotak-kontainer {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-top: 5px solid #2E7D32; /* Hijau Diniyah */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    min-height: 300px;
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Judul &amp; Header */
  h2 { color: #2E7D32; margin-top: 0; }
  
  /* Form Input */
  .form-group { margin-bottom: 15px; text-align: left; }
  .form-group label { display: block; margin-bottom: 5px; font-weight: bold; }
  .form-group input {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px;
  }

  /* Pilihan Jawaban */
  .pilihan-jawaban {
    display: block; margin: 10px 0; padding: 12px 15px;
    background: #f9f9f9; border-radius: 8px; cursor: pointer; transition: 0.2s;
    border: 1px solid #eee;
  }
  .pilihan-jawaban:hover { background: #e8f5e9; border-color: #A5D6A7; }
  .pilihan-jawaban input { margin-left: 10px; transform: scale(1.3); } /* Radio button lebih besar */

  /* Tombol Navigasi */
  .btn-nav-wrapper {
    display: flex; justify-content: space-between; margin-top: 30px;
    padding-top: 15px; border-top: 1px dashed #ddd;
  }
  .btn-hijau {
    background: #2E7D32; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px; font-weight: bold;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  }
  .btn-hijau:hover { background: #1b5e20; transform: translateY(-2px); }
  
  .btn-abu {
    background: #757575; color: white; border: none; padding: 12px 25px;
    border-radius: 30px; cursor: pointer; font-size: 16px;
  }
  .btn-abu:hover { background: #616161; }

  /* Info Siswa di atas soal */
  #info-siswa-bar {
    background: #e8f5e9; color: #2E7D32; padding: 10px 15px; border-radius: 5px;
    margin-bottom: 20px; font-weight: bold; border: 1px dashed #2E7D32;
    display: flex; justify-content: space-between;
  }

  /* Tampilan Hasil Akhir */
  .hasil-box { text-align: center; }
  .skor-besar { font-size: 60px; font-weight: bold; color: #2E7D32; display: block; margin: 10px 0; }
  
  .detail-nilai {
    text-align: left; background: #fffde7; padding: 20px; border-radius: 8px; margin-top: 20px;
    border: 1px solid #fff59d;
  }
  .list-benar { color: #2E7D32; font-weight: bold; line-height: 1.5; }
  .list-salah { color: #d32f2f; font-weight: bold; line-height: 1.5; }

  /* Animasi Slide */
  .slide-soal { display: none; animation: fadeIn 0.4s; }
  @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
&lt;/style&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-login&quot; style=&quot;text-align: center;&quot;&gt;
  &lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqzTBrejcvdZRF9LUEVo03FjYqbY-isPtXDCMt7p9OnYXCJoCfSA68W1xpz-pLe-XPkgcf3Wa9XY_iinOSahkRnkVayiQ_pK69M2LRZ1dDuoq64M4QgZKKR7R0QzpL6hg0xWOVv85NYB20aTnLTts1rKb1lC8HXnFpoNq0Nz1gUcKbHYmdp43Pe_zC7O8/s1600/jombang-santri@0.5x.webp&quot; style=&quot;margin-bottom: 30px; width: 300px;&quot; /&gt;
  
  &lt;h2&gt;Latihan Soal Aqidatul Awam&lt;/h2&gt;
  &lt;p&gt;Silakan isi nama untuk memulai latihan.&lt;/p&gt;
  &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 20px 0px;&quot; /&gt;

  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Nama Lengkap:&lt;/label&gt;
    &lt;input id=&quot;inputNama&quot; placeholder=&quot;Contoh: AHMAD ZAIDUN&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Kelas:&lt;/label&gt;
    &lt;input id=&quot;inputKelas&quot; placeholder=&quot;Contoh: 6 / 6A&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Sekolah:&lt;/label&gt;
    &lt;input id=&quot;inputSekolah&quot; placeholder=&quot;Contoh: SDN Curahmalang 1&quot; type=&quot;text&quot; /&gt;
  &lt;/div&gt;

  &lt;button class=&quot;btn-hijau&quot; onclick=&quot;mulaiLatihan()&quot; style=&quot;margin-top: 10px; width: 100%;&quot;&gt;MULAI MENGERJAKAN&lt;/button&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer&quot; id=&quot;halaman-kuis&quot; style=&quot;display: none;&quot;&gt;
  
  &lt;div id=&quot;info-siswa-bar&quot;&gt;
    &lt;span&gt;👤 &lt;span id=&quot;dispNama&quot;&gt;&lt;/span&gt;&lt;/span&gt;
    &lt;span&gt;📚 &lt;span id=&quot;dispKelas&quot;&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;

  &lt;div id=&quot;wadah-soal&quot;&gt;
    &lt;div class=&quot;slide-soal&quot; id=&quot;slide1&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 1&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١) سِیْـیَاڤَاکَاهْ نَامَا ڤٓڠَارَاڠْ کِـتَابْ عَقِیْدَةُ الْعَوَامْ؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِمَامْ شَافِعِيْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِمَامْ غَـزَالِی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;شَیْخْ اَحْمَدْ اَلْـمَرْزُوْقِي&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal1&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;شَیْخْ عَبْدُ الْقَادِرْ اَلْـجَیْلَانِی&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide2&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 2&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢) اَڤَاکَاهْ اَرْتِي دَارِيْ جُوْدُولْ کِـتَابْ عَقِیْدَةُ الْعَوَامْ اِیْـتُو؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;عَقِیْدَةْ ڤَارَا عُـلَـمَاءْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;عَقِیْدَةْ اُونْـتُوكْ اَوْرَاڠْ-اَوْرَاڠْ عُوْمُومْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;سٓـجَارَاهْ نَـبِـي&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal2&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;کُومْڤُوْلَانْ دُعَاءْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide3&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 3&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٣) بٓـرَاڤَا جُومْلَاهْ صِفَةْ وَاجِبْ بَاڮِـيْ اَللهْ یَاڠْ دِيْ سٓبُوتْکَانْ دَالَامْ کِـتَابْ عَقِیْدَةُ الْعَوَامْ ایـنـي؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;١٠&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;٢٠&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;٩٩&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal3&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;٢٥&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide4&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 4&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٤) صِفَةْ وَاجِبْ بَاڮِـيْ اَللهْ یَاڠْ ڤٓـرْتَامَا اَدَالَاهْ وُجُودْ، اَڤَا اَرْتِـیْـپَا وُجُودْ؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اَدَا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;تٓـرْدَاهُوْلُوْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;کٓـکَالْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal4&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اَیْسَا&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide5&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 5&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٥) اَللهْ بٓـرْصِفَةْ قِدَامْ، یَاڠْ اَرْتِـیْـپَا؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;بٓـرْدِیْرِي سٓنْدِیْرِي&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;تٓـرْدَاهُوْلُوْ (تِیْدَاكْ بٓـرْ اَوَالْ)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;بٓـرْبَـیْدَا دٓڠَانْ مَـخْلُوْقْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal5&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مَاهَا مٓلِـیْـهَاتْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide6&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 6&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٦) کٓـبَالِیْکَانْ دَارِيْ صِفَةْ فَنَاءْ (رُوْسَاكْ) اَدَالَاهْ صِفَةْ اَللهْ یَاڠْ بٓـرْاَرْتِي کٓـکَالْ اَبَادِيْ. صِفَةْ اَڤَاکَاهْ اِیْتُوْ؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;قِدَامْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بَقَاءْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;وَحْدَانِـیَةْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal6&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;قُدْرَةْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide7&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 7&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٧) اَللهْ اِیْـتُوْ مُخَالَفَةُ لِلْـحَوَادِثِ، اَرْتِـیْـپَا اَدَالَاهْ؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;سَامَا دٓڠَانْ مَانُـوْسِیْـیَا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بٓـرْبَـیْدَا دٓڠَانْ مَـخْلُوْق&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مٓـمْبُوْتُوهْکَانْ تٓـمْڤَاتْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal7&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مٓـمِیْلِیْکِی اَنَاكْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide8&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 8&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٨) صِفَةْ قِیَامُهُ بِـنَفْسِهِ مٓـنْجٓلَاسْکَانْ بَاهْوَا اَللهْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مٓـمْبُوْتُوهْکَانْ بَانْـتُوْوَانْ مَلَائِکَـةْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;تٓـرْدِیْرِيْ دَارِيْ دُوْوَا ذَاتْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;بٓـرْدِیْرِيْ سٓنْدِیْرِيْ (تِـیْدَاكْ بُوْتُوْهْ بَانْـتُوْوَانْ)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal8&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اَدَا کَارٓنَا دِيْ چِیڤْتَاکَانْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide9&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 9&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٩) صِفَةْ وَحْدَانِـیَةْ مٓنُونْـجُوءْکَانْ بَاهْوَا اَللهْ اِیْـتُوْ مَاهَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اَیْسَا (سَاتُو)&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;کَـایَا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;کُوْوَاسَا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal9&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اَدِیلْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide10&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 10&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٠) اَللهْ مٓـمِیْلِیْکِي صِفَةْ قُدْرَةْ یَاڠْ بٓـرَارْتِي؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مَاهَا مٓـڠٓـتَاهُوْوِيْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مَاهَا هِیْدُوڤْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مَاهَا کُوْوَاسَا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal10&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مَاهَا مٓـنْـدٓڠَارْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide11&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 11&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١١) اَللهْ مَاهَا مٓڠْهٓنْدَاکِـيْ سٓڮَالَا سٓسُووَاتُو، اِیْـنِـيْ اَدَالَاهْ اَرْتِيْ دَارِيْ صِفَةْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اِرَادَةٌ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;عِـلْـمٌ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;حَیَاتٌ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal11&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;َکَـلَامٌ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide12&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 12&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٢) صِفَةْ - عِـلْـمٌ - بَاڮِـيْ اَللهْ اَرْتِـیْـپَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مَاهَا مٓـلِـیْـهَـاتْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مَاهَا مٓـڠٓـتَاهُوْوِيْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مَاهَا بٓـرْبِـیْچَارَا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal12&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مَاهَا مٓـنْـدٓڠَارْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide13&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 13&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٣) اَللهْ تِـیْدَاكْ ڤٓـرْنَاهْ مَاتِي کَـارٓنَا مٓـمِیْلِیْکِيْ صِفَةْ حَـیَاتْ، یَاڠْ اَرْتِـیْـپَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مٓنْـدٓڠَارْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مٓـلِـیْـهَـاتْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;هِیْدُوڤْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal13&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;بٓـرْبِـیْـجَارَا&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide14&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 14&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٤) صِفَةْ - سَـمَـعْ - اَرْتِـیْـپَا اَللهْ مَاهَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مٓنْـدٓڠَارْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مٓـلِـیْـهَـاتْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;بٓـرْکَـاتَـا - کَـاتَـا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal14&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;بٓـرْبِـیْـجَارَا&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide15&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 15&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٥) صِفَةْ - بَـصَرْ - اَرْتِـیْـپَا اَللهْ مَاهَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مٓنْـدٓڠَارْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مٓـلِـیْـهَـاتْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مٓـڠٓـتَاهُوْوِيْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal15&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;کُوْوَاسَا&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide16&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 16&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٦) صِفَةْ کَـلَامْ اَرْتِـیْـپَا اَللهْ مَاهَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;بٓـرْکٓـهٓـنْـدَاكْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;هِیْدُوڤْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;بٓـرْبِـیْـجَارَا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal16&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مٓـنْجِـیـڤْتَاکَانْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide17&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 17&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٧) اَدَا بٓـرَاڤَا صِفَةْ وَاجِبْ بِاڮِـيْ ڤَارَا رَسُولْ؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;١&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;٣&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;٤&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal17&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;٥&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide18&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 18&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٨) صِفَةْ رَسُولْ – اَلصِّدِّیقْ - اَرْتِـیْـپَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;جُوْجُورْ \ بٓـنَارْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;چٓـرْدَاسْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مٓـپَامْڤَیْکَانْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal18&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;دَاڤَاتْ دِيْ ڤٓـرْچَایَا&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide19&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 19&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(١٩) صِفَةْ رَسُولْ – أَمَانَهْ - اَرْتِـیْـپَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;چٓـرْدَاسْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بَـوْهَوْڠْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;دَاڤَاتْ دِيْ ڤٓـرْچَایَا&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal19&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مٓـپَامْڤَیْکَانْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide20&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 20&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٠) صِفَةْ رَسُولْ – تَـبْلِـيغْ - اَرْتِـیْـپَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;چٓـرْدَاسْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مٓـپَامْڤَیْکَانْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;ڤِـینْـتَـارْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal20&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;قُوْوَاتْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide21&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 21&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢١) صِفَةْ رَسُولْ – فَـطَـانَـهْ - اَرْتِـیْـپَا ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal21&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;جُوْجُورْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal21&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;ڤٓـمْـبٓـرَانِـي&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal21&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;چٓـرْدَاسْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal21&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;سَابَارْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide22&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 22&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٢) بٓـرَاڤَا جُومْلَاهْ نَـبِـيْ دَانْ رَسُولْ یَاڠْ وَاجِبْ دِيْ کٓـتَاهُوْوِيْ نَامَا - نَامَاپَا؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal22&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;١٠&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal22&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;٢٠&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal22&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;٢٥&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal22&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;٩٩&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide23&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 23&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٣) سِیْـیَاڤَاکَاهْ نَامَا نَـبِـيْ ڤٓـرْتَامَا دَالَامْ نَظَامْ کِـتَابْ عَقِیْدَةُ الْعَوَامْ؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal23&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;اٰدَمْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal23&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;اِدْرِیسْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal23&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;نُـوحْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal23&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِبْـرَاهِیمْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide24&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 24&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٤) سِیْـیَاڤَاکَاهْ نَامَا نَـبِـيْ ڤٓـنُوْتُـوڤْ (تٓـرْاٰخِیرْ)؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal24&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;نَـبِـيْ عِـیْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal24&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;نَـبِـيْ مُوْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal24&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;نَـبِـيْ مُـحّمَّدْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal24&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;نَـبِـيْ اِبْـرَاهِیمْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide25&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 25&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٥) بٓـرَاڤَا جُومْلَاهْ مَلَائِکَـةْ یَاڠْ وَاجِبْ دِيْ کٓـتَاهُوْوِيْ سٓـجَارَا رِیـنْچِـيْ؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal25&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;٥&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal25&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;١٠&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal25&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;٢٥&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal25&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;١٠٠&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide26&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 26&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٦) مَلَائِکَـةْ دِيْ چِیڤْتَاکَانْ اَللهْ تَانْـڤَا اَیَاهْ دَانْ اِیْـبُوْ، مٓـرَیْکَا جُوْڮَا تِـیْدَاكْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal26&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مَاکَانْ، مِیْنُومْ دَانْ تِـیْدُورْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal26&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;بٓـرْعِبَادَهْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal26&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;ڤَاتُـوهْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal26&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;ڤُونْـپَا تُـوْڮَاسْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide27&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 27&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٧) سِیْـیَاڤَا مَلَائِکَـةْ یَاڠْ بٓـرْتُوْڮَاسْ مٓـپَامْڤَیْکَانْ وَحْـيُ؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal27&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مَلَائِکَـةْ جِبْرِيلْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal27&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مَلَائِکَـةْ مِـيْـكَائِـیلْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal27&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مَلَائِکَـةْ اِسْـرَافِيْلْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal27&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مَلَائِکَـةْ عِـزْرَائِيْلْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide28&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 28&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٨) مَلَائِکَـةْ یَاڠْ بٓـرْتُوْڮَاسْ مٓـنَانْـپَائِي مَانُوْسِیْـیَا دِيْ دَالَامْ قُبُورْ اَدَالَاهْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal28&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;جِبْرِيلْ دَانْ مِـيْـكَائِـیلْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal28&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مُنْـكَرْ دَانْ نَكِـيْر&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal28&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;رَقِيْبْ دَانْ عَتِـيْدْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal28&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مَالِكْ دَانْ رِضْوَانْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide29&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 29&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٢٩) مَلَائِکَـةْ ڤٓـنْچَاتَاتْ عَمَلْ بَائِـیكْ دَانْ بُوْرُوكْ اَدَالَاهْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal29&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مَالِكْ دَانْ رِضْوَانْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal29&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;مُنْـكَرْ دَانْ نَكِـيْر&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal29&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;رَقِيْبْ دَانْ عَتِـيْدْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal29&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;جِبْرِيلْ دَانْ مِـيْـكَائِـیلْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide30&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 30&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٣٠) مَلَائِکَـةْ ڤٓـنْجَاڮَـا نٓـرَاکَا دَانْ سُورْڮَـا اَدَالَاهْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal30&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;جِبْرِيلْ دَانْ مِـيْـكَائِـیلْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal30&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;رَقِيْبْ دَانْ عَتِـيْدْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal30&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مَالِكْ دَانْ رِضْوَانْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal30&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِسْـرَافِيْلْ دَانْ عِـزْرَائِيْلْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide31&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 31&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٣١) اَدَا بٓـرَاڤَا کِـتَابْ سُوْچِـيْ یَاڠْ دِيْ تُورُونْکَانْ اَللهْ دَانْ وَاجِبْ دِيْ اِیْـمَانِـي؟&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal31&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;٣&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal31&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;٤&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal31&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;٥&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal31&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;٦&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide32&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 32&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٣٢) کِـتَابْ تَـوْرَاةْ دِيْ تُورُونْکَانْ کٓـڤَادَا نَـبِـيْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal32&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مُوْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal32&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;دَاوُودْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal32&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;عِـیْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal32&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مُـحَمَّدْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide33&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 33&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٣٣) کِـتَابْ زَبُـوْرْ دِيْ تُورُونْکَانْ کٓـڤَادَا نَـبِـيْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal33&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مُوْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal33&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;دَاوُودْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal33&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;عِـیْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal33&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;مُـحَمَّدْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide34&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 34&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٣٤) کِـتَابْ اِنْـجِیلْ دِيْ تُورُونْکَانْ کٓـڤَادَا نَـبِـيْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal34&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مُوْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal34&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;دَاوُودْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal34&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;عِـیْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal34&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;نُـوحْ&lt;/label&gt;
    &lt;/div&gt;

    &lt;div class=&quot;slide-soal&quot; id=&quot;slide35&quot;&gt;
      &lt;p&gt;&lt;b&gt;Soal No. 35&lt;/b&gt;&lt;/p&gt;
      &lt;p class=&quot;arab&quot;&gt;&lt;b&gt;(٣٥) کِـتَابْ اَلْقُرْاٰنْ (اَلْفُرْقَانْ) دِيْ تُورُونْکَانْ کٓـڤَادَا نَـبِـيْ ...&lt;/b&gt;&lt;/p&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal35&quot; type=&quot;radio&quot; value=&quot;A&quot; /&gt;مُوْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal35&quot; type=&quot;radio&quot; value=&quot;B&quot; /&gt;عِـیْسٰی&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal35&quot; type=&quot;radio&quot; value=&quot;C&quot; /&gt;مُـحَمَّدْ&lt;/label&gt;
      &lt;label class=&quot;pilihan-jawaban arab&quot;&gt;&lt;input name=&quot;soal35&quot; type=&quot;radio&quot; value=&quot;D&quot; /&gt;اِبْـرَاهِیمْ&lt;/label&gt;
    &lt;/div&gt;

  &lt;/div&gt; &lt;div class=&quot;btn-nav-wrapper&quot;&gt;
    &lt;button class=&quot;btn-abu&quot; id=&quot;btnPrev&quot; onclick=&quot;gantiSlide(-1)&quot; style=&quot;visibility: hidden;&quot;&gt;Kembali&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnNext&quot; onclick=&quot;gantiSlide(1)&quot;&gt;Selanjutnya&lt;/button&gt;
    &lt;button class=&quot;btn-hijau&quot; id=&quot;btnFinish&quot; onclick=&quot;selesaiLatihan()&quot; style=&quot;background: rgb(211, 47, 47); display: none;&quot;&gt;Selesai &amp;amp; Lihat Nilai&lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;kotak-kontainer hasil-box&quot; id=&quot;halaman-hasil&quot; style=&quot;display: none;&quot;&gt;
  &lt;h2 style=&quot;color: #2e7d32;&quot;&gt;Hasil Latihan&lt;/h2&gt;
  &lt;p&gt;Berikut adalah hasil pengerjaan &lt;span id=&quot;hasilNama&quot; style=&quot;font-weight: bold;&quot;&gt;&lt;/span&gt;:&lt;/p&gt;

  &lt;span class=&quot;skor-besar&quot; id=&quot;skorAkhir&quot;&gt;0&lt;/span&gt;
  &lt;p id=&quot;pesanMotivasi&quot;&gt;&lt;/p&gt;

  &lt;div class=&quot;detail-nilai&quot;&gt;
    &lt;p&gt;✅ &lt;b&gt;Nomor yang Benar:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-benar&quot; id=&quot;listBenar&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
    &lt;hr style=&quot;border-bottom: 0px; border-image: initial; border-left: 0px; border-right: 0px; border-top: 1px dashed rgb(204, 204, 204); border: 0px; margin: 15px 0px;&quot; /&gt;
    &lt;p&gt;❌ &lt;b&gt;Nomor yang Salah:&lt;/b&gt; &lt;br /&gt;&lt;span class=&quot;list-salah&quot; id=&quot;listSalah&quot;&gt;-&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;

  &lt;button class=&quot;btn-hijau&quot; onclick=&quot;location.reload()&quot; style=&quot;margin-top: 25px;&quot;&gt;Ulangi Latihan&lt;/button&gt;
&lt;/div&gt;







&lt;script&gt;
  // --- KONFIGURASI SOAL ---
  const totalSoal = 35;
  const kunciJawaban = {
    soal1: &quot;C&quot;, soal2: &quot;B&quot;, soal3: &quot;B&quot;, soal4: &quot;A&quot;, soal5: &quot;B&quot;,
    soal6: &quot;B&quot;, soal7: &quot;B&quot;, soal8: &quot;C&quot;, soal9: &quot;A&quot;, soal10: &quot;C&quot;,
    soal11: &quot;A&quot;, soal12: &quot;B&quot;, soal13: &quot;C&quot;, soal14: &quot;A&quot;, soal15: &quot;B&quot;,
    soal16: &quot;C&quot;, soal17: &quot;C&quot;, soal18: &quot;A&quot;, soal19: &quot;C&quot;, soal20: &quot;B&quot;,
    soal21: &quot;C&quot;, soal22: &quot;C&quot;, soal23: &quot;A&quot;, soal24: &quot;C&quot;, soal25: &quot;B&quot;,
    soal26: &quot;A&quot;, soal27: &quot;A&quot;, soal28: &quot;B&quot;, soal29: &quot;C&quot;, soal30: &quot;C&quot;,
    soal31: &quot;B&quot;, soal32: &quot;A&quot;, soal33: &quot;B&quot;, soal34: &quot;C&quot;, soal35: &quot;C&quot;
  };
  
  let slideIndex = 1;

  // 1. MULAI LATIHAN
  function mulaiLatihan() {
    var nama = document.getElementById(&#39;inputNama&#39;).value;
    var kelas = document.getElementById(&#39;inputKelas&#39;).value;
    var sekolah = document.getElementById(&#39;inputSekolah&#39;).value;

    if (nama === &quot;&quot; || kelas === &quot;&quot;) {
      alert(&quot;Harap isi Nama dan Kelas terlebih dahulu!&quot;);
      return;
    }

    // Pindah data ke header
    document.getElementById(&#39;dispNama&#39;).innerText = nama;
    document.getElementById(&#39;dispKelas&#39;).innerText = kelas + &quot; (&quot; + sekolah + &quot;)&quot;;
    document.getElementById(&#39;hasilNama&#39;).innerText = nama;

    // Ganti tampilan
    document.getElementById(&#39;halaman-login&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;block&#39;;
    
    // Tampilkan slide pertama
    showSlide(1);
  }

  // 2. NAVIGASI SLIDE
  function gantiSlide(n) {
    showSlide(slideIndex += n);
  }

  function showSlide(n) {
    var i;
    var slides = document.getElementsByClassName(&quot;slide-soal&quot;);
    
    if (n &gt; totalSoal) { slideIndex = totalSoal }
    if (n &lt; 1) { slideIndex = 1 }

    // Sembunyikan semua soal
    for (i = 0; i &lt; slides.length; i++) {
      slides[i].style.display = &quot;none&quot;;
    }

    // Tampilkan soal aktif
    slides[slideIndex - 1].style.display = &quot;block&quot;;

    // Atur Tombol Back/Next
    var btnPrev = document.getElementById(&quot;btnPrev&quot;);
    var btnNext = document.getElementById(&quot;btnNext&quot;);
    var btnFinish = document.getElementById(&quot;btnFinish&quot;);

    // Tombol Kembali
    if (slideIndex === 1) { btnPrev.style.visibility = &quot;hidden&quot;; } 
    else { btnPrev.style.visibility = &quot;visible&quot;; }

    // Tombol Lanjut / Selesai
    if (slideIndex === totalSoal) {
      btnNext.style.display = &quot;none&quot;;
      btnFinish.style.display = &quot;inline-block&quot;;
    } else {
      btnNext.style.display = &quot;inline-block&quot;;
      btnFinish.style.display = &quot;none&quot;;
    }
  }

  // 3. SELESAI &amp; HITUNG NILAI
  function selesaiLatihan() {
    var skor = 0;
    var arrBenar = [];
    var arrSalah = [];

    // Loop Cek Jawaban 1-35
    for (var i = 1; i &lt;= totalSoal; i++) {
      var namaRadio = &quot;soal&quot; + i;
      var jawabanUser = document.querySelector(&#39;input[name=&quot;&#39; + namaRadio + &#39;&quot;]:checked&#39;);
      var kunci = kunciJawaban[namaRadio];

      if (jawabanUser &amp;&amp; jawabanUser.value === kunci) {
        skor++;
        arrBenar.push(i);
      } else {
        arrSalah.push(i);
      }
    }

    // Hitung Nilai 0-100
    var nilaiAkhir = Math.round((skor / totalSoal) * 100);

    // Tampilkan ke Layar
    document.getElementById(&#39;skorAkhir&#39;).innerText = nilaiAkhir;
    document.getElementById(&#39;listBenar&#39;).innerText = arrBenar.length &gt; 0 ? arrBenar.join(&quot;, &quot;) : &quot;Tidak ada&quot;;
    document.getElementById(&#39;listSalah&#39;).innerText = arrSalah.length &gt; 0 ? arrSalah.join(&quot;, &quot;) : &quot;Tidak ada (Semua Benar)&quot;;

    // Pesan
    var pesan = &quot;&quot;;
    if (nilaiAkhir === 100) pesan = &quot;Mumtaz! Luar Biasa! 🎉&quot;;
    else if (nilaiAkhir &gt;= 75) pesan = &quot;Bagus Sekali! Pertahankan. 👍&quot;;
    else if (nilaiAkhir &gt;= 60) pesan = &quot;Cukup Bagus, ayo belajar lagi. 💪&quot;;
    else pesan = &quot;Jangan menyerah, coba ulangi lagi ya! 😊&quot;;
    
    document.getElementById(&#39;pesanMotivasi&#39;).innerText = pesan;

    // Ganti Halaman
    document.getElementById(&#39;halaman-kuis&#39;).style.display = &#39;none&#39;;
    document.getElementById(&#39;halaman-hasil&#39;).style.display = &#39;block&#39;;
    window.scrollTo(0, 0);
  }
&lt;/script&gt;

&lt;br/&gt;
&lt;br/&gt;

&lt;div class=&#39;notification-box info&#39; style=&quot;text-align: center&quot;&gt;

  &lt;p style=&quot;text-align: center&quot;&gt;Klik TOMBOL dibawah ini untuk mulai mengerjakan Soal Ujian Online Diniyah Kitab Aqidatul Awam&lt;/p&gt;
  
  &lt;a class=&quot;btn-new-tab btn-primary&quot; href=&quot;https://www.diniyah.my.id/p/soal-aqidatul-awam-semester-1-arab-pegon.html&quot; target=&quot;_blank&quot;&gt;&lt;button&gt;MULAI UJIAN&lt;/button&gt;&lt;/a&gt;

&lt;/div&gt;





</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/2311488298838983426/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/11/latihan-soal-aqidatul-awam-semester-1.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/2311488298838983426'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/2311488298838983426'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/11/latihan-soal-aqidatul-awam-semester-1.html' title='Latihan Soal Aqidatul Awam Semester 1 (Pegon)'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiLZ9Dq1B2Dw00IXHMQDIfLIf4aEU99DxxmxD56PZPu-pHN09XMXsQ3HP9GmXKmBP3-3YU2k87lzFCdN78QvJcAqpGILpIOt5kklzEuVLtkpUxIIAlfn1WyzWBZ5cxLOfRRjR49tZkTMFXedWFRvHvp5KLoC6AykdyzLJSREJ9PdfdYUNzkyrJgP4fZgw/s72-c/latihan-soal-aqidatul-awam.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-4803394174730820141</id><published>2025-10-28T08:48:00.005+07:00</published><updated>2025-10-28T08:50:38.275+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aqidatul Awam"/><category scheme="http://www.blogger.com/atom/ns#" term="Kelas 6"/><title type='text'>Belajar Diniyah - Aqidatul Awam - Iman Kepada Hari Akhir</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI0b_lTrbrbQNcClaxoXfyR1JbmRu6d-liOASFTzJ-hGO4w7Vtp1oYgtmLB-ozqWP62U1QwUsrEq-yE18Jwl0eyiIZXVWA1aPOV2X8pFw3Nu-N7g4b76JNW-nPqf8Ugy5Pe6PbVLtXu1QueX7cjUNxtsiX01HknCRyNpux_LbmlwlslFYHtxFftVCUsVc/s1600/Aqidatul%20Awam%20Gambar.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Belajar Diniyah - Iman Kepada Hari Akhir - Aqidatul Awam Nadham 27-28&quot; border=&quot;0&quot; data-original-height=&quot;540&quot; data-original-width=&quot;960&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI0b_lTrbrbQNcClaxoXfyR1JbmRu6d-liOASFTzJ-hGO4w7Vtp1oYgtmLB-ozqWP62U1QwUsrEq-yE18Jwl0eyiIZXVWA1aPOV2X8pFw3Nu-N7g4b76JNW-nPqf8Ugy5Pe6PbVLtXu1QueX7cjUNxtsiX01HknCRyNpux_LbmlwlslFYHtxFftVCUsVc/s16000/Aqidatul%20Awam%20Gambar.webp&quot; title=&quot;Belajar Diniyah - Iman Kepada Hari Akhir - Aqidatul Awam Nadham 27-28&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;diniyah.my.id – Materi pelajaran aqidah tentang &lt;a href=&quot;https://www.diniyah.my.id/2025/10/belajar-diniyah-aqidatul-awam-iman-kepada-hari-akhir.html&quot;&gt;Iman Kepada Hari Akhir&lt;/a&gt; dan segala sesuatu yang dahsyat yang terjadi padanya. Dinamakan &#39;hari akhir&#39; karena ia merupakan hari terakhir yang mempunyai waktu terbatas, yakni akhir hari-hari di dunia, dan tidak ada hari lagi sesudahnya. Dan disebut juga dengan “hari kiamat” karena bangkitnya orang-orang yang mati dari kubur-kubur mereka. Syeikh Azzamakhsyari berkata: &quot;Permulaan hari kiamat itu adalah saat terjadinya kebangkitan dari dalam kubur hingga waktu yang tak terbatas, atau sampai masuknya penghuni surga ke dalam surga dan penghuni neraka ke dalam neraka. Yang nanti akan kita bahas lebih dalam pada penjelasan dibawah ini beserta Nadham-nya&lt;/p&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center&quot;&gt;Tujuan Pembelajaran&lt;/h2&gt;

&lt;p&gt;Adapun tujuan pembelajaran pada materi ini adalah:&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Menanamkan kesadaran kepada kita semua bahwa setiap perbuatan akan dibalas kelak di hari akhir&lt;/li&gt;
    &lt;li&gt;Mendorong untuk senantiasa berperilaku baik dan menjauhi maksiat&lt;/li&gt;
    &lt;li&gt;Memahami konsep hari akhir (hari kiyamat) yang wajib di-imani oleh setiap orang mukmin&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center&quot;&gt;
  ( الْإِیْمَانُ بِالْیَوْمِ الْأٰخِرِ )&lt;br /&gt;Iman Kepada Hari Ahhir
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  وَكُـلُّ مَا أَتَى بِهِ الـرَّسُـوْلُ (٢٧) فـَحَـقُّـهُ التَّسْـلِـيْمُ
  وَالْقَبُوْلُ
&lt;/p&gt;

&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(27)&lt;/b&gt; Dan segala sesuatu yang dibawa oleh Rasul, maka kewajiban kita
  adalah pasrah dan menerimanya
&lt;/div&gt;

&lt;p class=&quot;arab&quot;&gt;
  إِيْـمَـانُـنَا بِـيَوْمِ اٰخِرٍ وَجَبْ (٢٨) وَكُلِّ مَـا كَانَ بِـهِ مِنَ
  الْعَجَبْ
&lt;/p&gt;

&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(28)&lt;/b&gt; Iman kita kepada hari akhir itu wajib, serta segala hal
  menakjubkan dan dahsyat yang ada padanya
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center&quot;&gt;Makna Pegon&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;(وَكُلُّ مَا) لَانْ اُتَوِيْ سَابٓـنْ-سَابٓـنْ بَارَاڠْ (أَتَى) کَاڠْ نٓـکَانِي (بِهِ) کٓلَوَانْ مَا، سَاڤَا (اَلـرَّسُـوْلُ) ڤِیْرَا-ڤِیْرَا اُوتُوسَانْ (فـَحَـقُّـهُ) مَاڠْکَا اِیْکُوْ اُتَوِيْ حَقَّيْ مَا، اِیْکُوْ (اَلتَّسْـلِـيْمُ) بٓــنٓـرَاکِيْ (وَالْقَبُوْلُ) لَانْ نٓـرِیْـمَا&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;(إِيْـمَـانُـنَا) اُتَوِيْ اِیْمَانْ کِیْطَا (بِـيَوْمِ اٰخِرٍ) کٓلَوَانْ دِیْـنَا أٰخِرْ (وَجَبْ) وَاجِبْ اَڤَا اِیْمَانْ (وَكُلِّ مَـا) لَانْ اُتَوِيْ سَابٓـنْ-سَابٓـنْ بَارَاڠْ (كَانَ) کَاڠْ تٓــتٓـمُو (بِـهِ) کٓلَوَانْ مَا (مِنَ الْعَجَبْ) سَاکِیڠْ ڤِیْرَا-ڤِیْرَا کٓـأٰجَائِـیْبَانْ&lt;/p&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center&quot;&gt;Penjelasan Nadham&lt;/h2&gt;

&lt;p&gt;Segala ajaran yang dibawa oleh Nabi Muhammad SAW, maka wajib bagi kita dan harus menerimannya. Karena Allah sendiri yang telah mewajibkan untuk membenarkan perkataan Nabi Muhammad yang mendapat julukan Al-Amin (yang dapat dipercaya) tentang Agama seperti perintah melaksanakan segala perintah Allah dan menjauhi segala larangan Allah. Dan juga kewajiban dari setiap orang mukallaf adalah meng-imani akan datangnya hari akhir dan segala sesuatu yang dahsyat yang terjadi pada hari itu&lt;/p&gt;

&lt;p&gt;Adapun hal-hal penting penting yang yang wajib kita fahami tentang hari akhir adalah&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Kematian&lt;/b&gt;: berpisahnya ruh dan jasad sebagai awal perjalanan menuju akhirat&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Alam Barzakh&lt;/b&gt;: Tempat dimana ruh menunggu hari kebangkitan&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Hari Kiamat&lt;/b&gt;: Hari kehancuran alam semesta dan kebangkitan seluruh makhluk&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Hisab dan Mizan&lt;/b&gt;: Perhitungan segala amal perbuatan dan penimbangan ama kebaikan dan amal keburukan&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Syafaat&lt;/b&gt;: Pertolongan dari para nabi, terutama Nabi Muhammad SAW&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Surga dan Neraka&lt;/b&gt;: Tempat pembalasan abadi sesuai amal perbuatan yang dilakukan manusia selama hidup di dunia&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Iman kepada hari akhir artinya percaya bahwa setelah kita meninggal, akan ada kehidupan lain yang disebut dengan “akhirat”. Di sana, semua manusia akan dibangkitkan dan dikumpulkan untuk menerima balasan atas perbuatan yang telah mereka lakukan selama hidup di dunia. Orang yang berbuat baik akan mendapatkan pahala dan masuk surga, sedangkan orang yang berbuat buruk dan jahat akan mendapat hukuman di neraka. &lt;b&gt;Hari akhir adalah hari yang sangat penting, karena di sanalah Allah menunjukkan keadilan-Nya kepada semua makhluk&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Dengan percaya (iman) kepada hari akhir, kita akan jadi bersemangat untuk berbuat baik dan takut melakukan dosa. Karena kita telah mengetahui bahwa setiap kebaikan sekecil apa pun akan dihargai dan dibalas oleh Allah, dan setiap kesalahan yang kita lakukan insya Allah akan diampuni oleh Allah jika kita mau bertaubat dengan sungguh-sungguh&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;diniyah.my.id&quot;&gt;Iman kepada hari akhir&lt;/a&gt; membuat kita lebih rajin beribadah, jujur, dan sayang kepada sesama. Ini adalah bagian penting dari rukun iman yang harus kita pelajari dan yakini sejak kecil agar hidup kita menjadi lebih bermakna dan diberkahi&lt;/p&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center&quot;&gt;Tugas Soal&lt;/h2&gt;

&lt;div class=&quot;accordion-container&quot;&gt;
  &lt;div class=&quot;accordion-toggle&quot;&gt;Jawablah Pertanyaan dibawah ini dengan benar sesuai dengan penjelasan diatas!&lt;/div&gt;
  &lt;div class=&quot;accordion-content&quot;&gt;
    &lt;div&gt;
        &lt;ol&gt;
            &lt;li&gt;Apa arti dari iman kepada hari akhir?&lt;/li&gt;
            &lt;li&gt;Mengapa disebut hari akhir?&lt;/li&gt;
            &lt;li&gt;Apa yang terjadi pada hari kiamat?&lt;/li&gt;
            &lt;li&gt;Apa nama tempat menunggu sebelum hari kiamat datang?&lt;/li&gt;
            &lt;li&gt;Apa yang dimaksud dengan hisab dan mizan?&lt;/li&gt;
            &lt;li&gt;Siapa yang akan memberi syafaat di hari akhir?&lt;/li&gt;
            &lt;li&gt;Apa balasan bagi orang yang banyak berbuat baik?&lt;/li&gt;
            &lt;li&gt;Apa yang akan terjadi pada orang yang berbuat jahat dan tidak bertobat?&lt;/li&gt;
            &lt;li&gt;Mengapa kita harus percaya kepada hari akhir?&lt;/li&gt;
            &lt;li&gt;Apa manfaat iman kepada hari akhir bagi anak-anak?&lt;/li&gt;
        &lt;/ol&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/4803394174730820141/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/10/belajar-diniyah-aqidatul-awam-iman-kepada-hari-akhir.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/4803394174730820141'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/4803394174730820141'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/10/belajar-diniyah-aqidatul-awam-iman-kepada-hari-akhir.html' title='Belajar Diniyah - Aqidatul Awam - Iman Kepada Hari Akhir'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI0b_lTrbrbQNcClaxoXfyR1JbmRu6d-liOASFTzJ-hGO4w7Vtp1oYgtmLB-ozqWP62U1QwUsrEq-yE18Jwl0eyiIZXVWA1aPOV2X8pFw3Nu-N7g4b76JNW-nPqf8Ugy5Pe6PbVLtXu1QueX7cjUNxtsiX01HknCRyNpux_LbmlwlslFYHtxFftVCUsVc/s72-c/Aqidatul%20Awam%20Gambar.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-5741915237229803914</id><published>2025-10-27T14:29:00.004+07:00</published><updated>2025-10-27T14:44:05.111+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Aqidatul Awam"/><category scheme="http://www.blogger.com/atom/ns#" term="Kelas 6"/><title type='text'>Belajar Diniyah - Terjemah Lalaran Nadham Aqidatul Awam</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvEstgeZRjktU9dwYhRRrQCavdpTPFfaOp16dVqbMvF-RcPW-SelGHMDTSGDqwWvnAcavl7V4HR6_e8PbkULYkkqjJ5zu9_9Vp01MNpwykVq_MtV-pRy0mmVkiF-k-GYpQVf7Ou8YppgEd22h1e8RahBxXERE5eOPa-xCAQ9uUCZ5sexNOpEYPazV6fKc/s1600/terjemah-lalaran-nadham-aqidatul-awam.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Terjemah Lalaran Nadham Aqidatul Awam - diniyah.my.id&quot; border=&quot;0&quot; data-original-height=&quot;540&quot; data-original-width=&quot;955&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvEstgeZRjktU9dwYhRRrQCavdpTPFfaOp16dVqbMvF-RcPW-SelGHMDTSGDqwWvnAcavl7V4HR6_e8PbkULYkkqjJ5zu9_9Vp01MNpwykVq_MtV-pRy0mmVkiF-k-GYpQVf7Ou8YppgEd22h1e8RahBxXERE5eOPa-xCAQ9uUCZ5sexNOpEYPazV6fKc/s16000/terjemah-lalaran-nadham-aqidatul-awam.webp&quot; title=&quot;Terjemah Lalaran Nadham Aqidatul Awam - diniyah.my.id&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;
  &lt;a href=&quot;diniyah.my.id&quot;&gt;diniyah.my.id&lt;/a&gt; - Kitab Aqidatul Awam merupakan
  karya klasik yang sangat populer di kalangan umat Islam, khususnya di
  lingkungan pesantren dan madrasah diniyah. Disusun oleh al-Imam al-‘Allamah
  Syekh Ahmad bin Muhammad al-Marzuki al-Maliki, kitab ini berbentuk nazham atau
  syair, sehingga mudah dihafal dan dipahami oleh berbagai kalangan, termasuk
  anak-anak dan pemula. Kandungan utama kitab ini adalah pokok-pokok akidah
  Ahlussunnah wal Jamaah, yang mencakup pembahasan tentang sifat-sifat wajib
  bagi Allah dan Rasul, rukun iman, serta hal-hal gaib yang wajib diyakini oleh
  setiap Muslim
&lt;/p&gt;

&lt;p&gt;
  Adapun ringkasan &lt;a href=&quot;https://www.diniyah.my.id/2025/10/belajar-diniyah-terjemah-lalaran-nadham-aqidatul-awam.html&quot;&gt;Lalaran nadham Nadham Aqidatul Awam&lt;/a&gt; karya Syeikh Ahmad
  Marzuki yang juga dikenal sebagi Mufti di kota Makkah adalah sebagai berikut:
&lt;/p&gt;
&lt;ol&gt;
  &lt;li&gt;Nama Kitab: Aqidatul Awam&lt;/li&gt;
  &lt;li&gt;
    Pengarang: Syeikh Ahmad Al-Marzuki (Ahmad bin Muhammad Ramadhân bin Manshûr
    al-Makki al-Marzûki al-Mâliki al-Husaini al-Hasani)
  &lt;/li&gt;
  &lt;li&gt;Lahir: Mesir pada tahun 1205 H.&lt;/li&gt;
  &lt;li&gt;Wafat: Makkah pada tahun 1262 H.&lt;/li&gt;
&lt;/ol&gt;

&lt;h4 style=&quot;text-align: center;&quot;&gt;Nadham Aqidatul Awam &lt;br /&gt;(bait 1-57)&lt;/h4&gt;

&lt;p class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِیْمِ
&lt;/p&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( مُقَدِّمَةٌ )&lt;br /&gt;Pendahuluan
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  أَبْـدَأُ بِـاسْمِ اللّٰهِ وَالرَّحْـمٰنِ (١) وَبِالرَّحِيْمِ دَائـِمِ
  اْلإِحْـسَانِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(1)&lt;/b&gt; Saya memulai dengan menyebut nama Allah, Dzat yang maha pengasih,
  dan Maha Penyayang, yang senantiasa kekal abadi keindahan / kebaikannya
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  فَالْـحَمْدُ لِلّٰهِ الْـقَدِيْمِ اْلأَوَّلِ (٢) اَلْأٰخِـرِ الْـبَـاقـِيْ
  بِلَا تَحَـوُّلِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(2)&lt;/b&gt; Maka segala puji bagi Allah Yang Maha Qadim (tidak bermula) dan
  Yang Pertama, Yang Maha Akhir, Yang Kekal tanpa perubahan
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  ثُمَّ الـصَّلاَةُ وَالسَّلاَمُ سَرْمَدَا (٣) عَلَى الـنَّبِيِّ خَيْرِ مَنْ
  قَدْ وَحَّدَا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(3)&lt;/b&gt; Kemudian shalawat dan salam yang abadi tercurah kepada Nabi,
  sebaik-baik orang yang telah mentauhidkan / meng-esa-kan Allah
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَاٰلِهِ وَصَـحْبِهِ وَمَـنْ تَـبِــعْ (٤) سَـبِيْلَ دِيْنِ الْـحَقِّ غَيْرَ
  مُـبْـتَدِعْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(4)&lt;/b&gt; Dan keluarga-Nya, para sahabat-Nya, serta siapa saja yang mengikuti
  jalan agama yang benar tanpa membuat-buat bid’ah
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( الْإِیْمَانُ بِاللهِ )&lt;br /&gt;Iman Kepada Allah
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  وَبَعْدُ فَاعْلَمْ بِوُجُوْبِ الْمَعْرِفَـةْ (٥) مِنْ وَاجِـبٍ لِلّٰهِ
  عِشْـرِيْنَ صِفَةْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(5)&lt;/b&gt; Dan setelah itu, maka ketahuilah bahwa wajib mengetahui dua puluh
  (20) sifat yang wajib bagi Allah
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  فَاللّٰهُ مَوْجُـوْدٌ قَـدِيْمٌ بَاقِـي (٦) مُخَالـِفٌ لِلْـخَـلْقِ
  بِاْلإِطْلَاقِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(6)&lt;/b&gt; Maka Allah itu sesungguhnya ada, qadim (tidak bermula), kekal, dan
  berbeda dengan makhluk secara mutlak
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَقَـائِمٌ غَـنِيْ وَوَاحِـدٌ وَحَيّ (٧) قَـادِرْ مُـرِيْـدٌ عَـالِـمٌ بِكُلِّ
  شَيْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(7)&lt;/b&gt; Dan Dia (Allah) Berdiri Sendiri, Maha Kaya, Esa (tunggal), dan
  Hidup. Maha Kuasa, Maha Berkehendak, Maha Mengetahui segala sesuatu
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  سَـمِـيْعٌ اْلبَصِـيْرُ وَالْمُتَكَلِّـمُ (٨) لَهُ صِفَاتٌ سَـبْعَـةٌ
  تَـنْـتَظِمُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(8)&lt;/b&gt; Dia Maha Mendengar, Maha Melihat, dan Maha Berfirman. (Allah)
  memiliki tujuh (7) sifat yang tersusun (dalam bait kelompok ini)
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  فَقُـدْرَةٌ إِرَادَةٌ سـَمْـعٌ بـَصَرْ (٩) حَـيَـاةٌ الْعِلْـمُ كَلاَمٌ
  اسْـتَمَرْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(9)&lt;/b&gt; Maka (sifat) Maha Kuasa, Maha Berkehendak, Maha Mendengar, Maha
  Melihat, Maha Hidup, Mempunyai Ilmu, dan Kalam (Allah) itu terus-menerus ada
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَجَائـِزٌ بِـفَضْلِهِ وَعَدْلِهِ (١٠) تَـرْكٌ لـِكُلِّ مُمْـكِـنٍ كَفِعْلِهِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(10)&lt;/b&gt; Dan (bagi Allah) boleh, karena karunia dan keadilan-Nya,
  meninggalkan segala sesuatu yang mungkin sebagaimana (Allah bebas)
  melakukan-Nya&quot;.
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( اَلْإِیْمَانُ بِالرُّسُلِ )&lt;br /&gt;Iman Kepada Rasul
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  أَرْسَـلَ أَنْـبِـيَا ذَوِي فَـطَـانَـهْ (١١) بِالصِّـدْقِ وَالتَـبْلِـيْغِ
  وَاْلأَمَانَهْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(11)&lt;/b&gt; Dia (Allah) mengutus para nabi yang memiliki kecerdasan, dengan
  sifat benar, menyampaikan, dan amanah&quot;.
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَجَائِزٌ فِي حَقِّهِمْ مِنْ عَـرَضِ (١٢) بِغَيْرِ نَـقْصٍ كـَخَفِيْفِ
  الْمَرَضِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(12)&lt;/b&gt; Dan boleh terjadi pada mereka (para nabi) dari sifat manusia tanpa
  mengurangi derajat kemuliaan, seperti sakit ringan.
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  عِصْـمَـتُهُمْ كَسَائِرِ الْمَلاَئِكَهْ (١٣) وَاجِبَةٌ وَفَاضَلُوا
  الْمَـلَائِكَـةْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(13)&lt;/b&gt; Kemaksuman mereka (para nabi) seperti para malaikat, itu wajib,
  dan mereka (para nabi) lebih utama daripada malaikat
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَالْمُسْتَحِيْلُ ضِدُّ كُلِّ وَاجِبِ (١٤) فَاحْفَظْ لـِخَمْسِيْنَ بِحُكْمٍ
  وَاجِبِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(14)&lt;/b&gt; Dan sifat mustahil adalah lawan dari setiap sifat wajib. Maka
  hafalkanlah lima puluh (sifat) sebagai hukum yang wajib
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  تَفْصِيْلُ خَمْسَةٍ وَعِشْـرِيْنَ لَزِمْ (١٥) كُلَّ مُـكَلَّـفٍ فَـحَـقِّقْ
  وَاغْـتَنِمْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(15)&lt;/b&gt; Merinci dua puluh lima (nabi) itu wajib, bagi setiap orang
  mukallaf, maka pahamilah dan ambillah manfaat
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  هُمْ أٰدَمٌ اِدْرِيْسُ نُوْحٌ هُـوْدُ مَعْ (١٦) صَالِـحْ وَاِبْرَاهِـيْـمُ
  كُلٌّ مُـتَّبَعْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(16)&lt;/b&gt; Mereka adalah nabi Adam, nabi Idris, nabi Nuh, nabi Hud bersama
  nabi Sholeh dan Ibrahim yang semuanya wajib diikuti
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  لُوْطٌ وَاِسْمَاعِيْلُ اِسْحَاقُ كَذَا (١٧) يَعْقُوبُ يُوسُـفُ وَأَيُّوْبُ
  احْتَذَى
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(17)&lt;/b&gt; Nabi Luth, nabi Ismail, nabi Ishaq, demikian pula nabi Ya‘qub,
  nabi Yusuf, dan nabi Ayyub yang patut diteladani
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  شُعَيْبُ هَارُوْنُ وَمُوْسَى وَالْـيَسَعْ (١٨) ذُوالْكِفْلِ دَاوُدُ
  سُلَـيْمَانُ اتَّـبَعْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(18)&lt;/b&gt; Nabi Syuaib, nabi Harun, nabi Musa, dan nabi Ilyasa‘, nabi
  Dzulkifli, nabi Dawud, dan nabi Sulaiman yang diikuti
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  إلْيَـاسُ يُوْنُسْ زَكَرِيَّا يَحْيَى (١٩) عِيْسَـى وَطَـهَ خَاتِمٌ دَعْ
  غَـيَّا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(19)&lt;/b&gt; Nabi Ilyas, nabi Yunus, nabi Zakariya, nabi Yahya, nabi Isa, dan
  Thaha (nabi Muhammad) penutup para nabi, maka jauhilah kesesatan
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  عَلَـيْهِمُ الصَّـلاَةُ وَالسَّـلاَمُ (٢٠) وَاٰلِـهِمْ مـَا دَامَـتِ
  اْلأَيـَّـامُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(20)&lt;/b&gt; Semoga shalawat dan salam terkumpulkan pada mereka dan keluarga
  mereka sepanjang masa
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( الْإِیْمَانُ بِالْمَلَائِکَةِ )&lt;br /&gt;Iman kepada Malaikat
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  وَالْمَلَكُ الَّـذِيْ بِلاَ أَبٍ وَأُمْ (٢١) لَا أَكْلَ لاَ شُـرْبَ
  وَلَانَوْمَ لَـهُمْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(21)&lt;/b&gt; Dan para malaikat itu (diciptakan) tanpa ayah dan ibu, mereka
  tidak makan, tidak minum, dan juga tidak tidur
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  تَفْصِـيْلُ عَشْرٍ مِنْهُمُ جِبْرِيْلُ (٢٢) مِـيْكَالُ اِسْـرَافِيْلُ
  عِـزْرَائِيْلُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(22)&lt;/b&gt; Perincian sepuluh (malaikat), di antaranya adalah Malaikat Jibril,
  Malaikat Mikail, Malaikat Israfil, dan Malaikat Izrail
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  مُنْـكَرْ نَكِـيْرٌ وَرَقِيْبٌ وَكَذَا (٢٣) عَتِـيْدٌ مَالِكٌ ورِضْوَانُ
  احْتَـذَى
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(23)&lt;/b&gt; Malaikat Munkar dan Malaikat Nakir, Malaikat Raqib, demikian pula
  Malaikat ‘Atid, Malaikat Malik, dan Malaikat Ridwan yang patut diteladani
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( الْإِیْمَانُ بِالْکُتُبِ )&lt;br /&gt;Iman Kepada Kitab-Kitab
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  أَرْبَـعَـةٌ مِنْ كُتُبٍ تَـفْصِيْلُهَا (٢٤) تَوْارَةُ مُوْسَى بِالْـهُدَى
  تَـنْـزِيْلُهَا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(24)&lt;/b&gt; Ada empat kitab yang wajib dirinci, kitab-kitab tersebut adalah
  Taurat yang diturunkan kepada nabi Musa sebagai petunjuk
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  زَبُـوْرُ دَاوُدَ وَاِنْجِـيْـلُ عَلَى (٢٥) عِيْـسَى وَفُـرْقَانُ عَلَى خَيْرِ
  الْمَلَا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(25)&lt;/b&gt; Kitab Zabur diturunkan kepada nabi Dawud, kitab Injil diturunkan
  kepada nabi Isa, dan Al-Furqan (Al-Qur’an) diturunkan kepada sebaik-baik
  makhluk (Nabi Muhammad)
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَصُحُـفُ الْـخَـلِيْلِ وَالْكَلِيْمِ (٢٦) فِيْهَا كَلاَمُ الْـحَـكَمِ
  الْعَلِـيْمِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(26)&lt;/b&gt; Dan suhuf (lembaran-lembaran wahyu) yang diberikan kepada Khalil
  (nabi Ibrahim) dan Kalim (nabi Musa), di dalamnya terdapat firman Allah, Sang
  Maha Bijaksana lagi Maha Mengetahui
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( الْإِیْمَانُ بِالْیَوْمِ الْأٰخِرِ )&lt;br /&gt;Iman Kepada Hari Ahhir
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  وَكُـلُّ مَا أَتَى بِهِ الـرَّسُـوْلُ (٢٧) فـَحَـقُّـهُ التَّسْـلِـيْمُ
  وَالْقَبُوْلُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(27)&lt;/b&gt; Dan segala sesuatu yang dibawa oleh Rasul, maka kewajiban kita
  adalah pasrah dan menerimanya
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  إِيْـمَـانُـنَا بِـيَوْمِ اٰخِرٍ وَجَبْ (٢٨) وَكُلِّ مَـا كَانَ بِـهِ مِنَ
  الْعَجَبْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(28)&lt;/b&gt; Iman kita kepada hari akhir itu wajib, serta segala hal
  menakjubkan dan dahsyat yang ada padanya
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( النَّبِيُّ مُحَمَّدٌ صَلَّی اللهُ عَلَیْهِ وَسَلَّمَ )&lt;br /&gt;Nabi Muhammad
  SAW (dan keluarganya)
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  خَاتِمَةٌ فِي ذِكْرِ بَاقِي الْوَاجِبِ (٢٩) مِمَّا عَـلَى مُكَلَّفٍ مِنْ
  وَاجِبِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(29)&lt;/b&gt; Sebagai penutup untuk menerangkan ketetapan yang wajib, yang wajib
  atas setiap mukallaf untuk ditunaikan
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  نَـبِـيُّـنَا مُحَمَّدٌ قَدْ أُرْسِلَا (٣٠) لِلْـعَالَمِيْنَ رَحْـمَةً
  وَفُضِّلَا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(30)&lt;/b&gt; Nabi kita Muhammad telah diutus, sebagai rahmat bagi seluruh alam
  dan keutamaan diberikan kepada beliau melebihi semua
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  أَبـُوْهُ عَبْدُ اللّٰهِ عَبْدُ الْمُطَّلِـبْ (٣١) وَهَاشِمٌ عَبْدُ مَنَافٍ
  يَـنْتَسِـبْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(31)&lt;/b&gt; Ayahnya ialah Abdullah putra Abdul Mutholib, dan nasabnya
  bersambung kepada Hasyim putra Abdu Manaf
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَأُمُّـهُ أٰمِـنَةُ الـزُّهْرِيَّـةْ (٣٢) أَرْضَـعَتْهُ حَلِيْمَـةُ
  السَّـعْدِيـَّةْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(32)&lt;/b&gt; Dan ibunya ialah Aminah Az-Zuhriyah, yang menyusui beliau adalah
  Halimah As-Sadiyyah
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  مَوْلـِدُهُ بِمَـكَّـةَ اْلأَمِيْنَةْ (٣٣) وَفَاتُـهُ بِطَـيْـبَةَ
  الْـمَدِيْـنَةْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(33)&lt;/b&gt; Kelahirannya di kota Makkah yang aman, dan wafatnya di Toyibah
  (Madinah)
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  أَتَمَّ قَـبْلَ الْـوَحْيِ أَرْبَعِيْنَا (٣٤) وَعُمْرُهُ قَدْ جَاوَزَ
  السِّـتِّـيْنَا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(34)&lt;/b&gt; Sebelum turun wahyu, nabi Muhammad telah menyempurnakan (umur) 40
  tahun, dan usia beliau melebihi 60 tahun
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( اَوْلَادُهُ صَلَّی اللهُ عَلَیْهِ وَسَلَّمَ )&lt;br /&gt;Putra-Putri Nabi SAW
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  وَسَـبْـعَةٌ أَوْلاَدُهُ فَمِـنْـهُمُ (٣٥) ثَلَاثَـةٌ مِنَ الذُّكـُوْرِ
  تُـفْهَمُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(35)&lt;/b&gt; Putra-putri beliu itu tujuh, tiga dari laki-laki
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  قَاسِمْ وَعَبْدُ اللّٰهِ وَهْوَ الطَّيِّبُ (٣٦) وَطَاهِـرٌ بِذَيْـنِ ذَا
  يُـلَـقَّبُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(36)&lt;/b&gt; Sayyid Qasim dan Sayyid Abdullah yang bergelar At-Thoyyib dan
  At-Thohir, dengan dua sebutan inilah (At-Thoyyib dan At-Thohir) sayyid
  Abdullah diberi gelar
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  أَتَاهُ إبْرَاهِيْمُ مِنْ سُـرِّيـَّةْ (٣٧) فَأُمُّـهُ مَارِيَّةُ
  الْـقِبْطِيَّةْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(37)&lt;/b&gt; Sayyid Ibrohim terlahir dari budak perempuan, ibunya (sayyid
  Ibrohim) bernama Mariyah Al-Qibtiyyah
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَغَيْـرُ إِبْرَاهِيْمَ مِنْ خَـدِيـْجَةْ (٣٨) هُمْ سِتَّـةٌ فَـخُـذْ بِهِمْ
  وَلِـيْجَةْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(38)&lt;/b&gt; Selain sayyid Ibrohim, (semua terlahir) dari Sayyidatina Khodijah,
  mereka ada 6 orang, maka kenalilah dengan penuh cinta
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَأَرْبَعٌ مِـنَ اْلإِنَاثِ تُـذْكَـرُ (٣٩) رِضْـوَانُ رَبِّي لِلـْجَمِـيْعِ
  يُذْكَرُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(39)&lt;/b&gt; Dan empat orang anak perempuan Nabi yang akan disebutkan, semoga
  rida Allah untuk mereka semua
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  فَاطِـمَـةُ الزَّهْرَاءُ بَعْلُهَا عَلِيْ (٤٠) وَابْـنَاهُمَا السِّـبْطَانِ
  فَضْلُهُمُ جَلِيْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(40)&lt;/b&gt; Sayyidah Fatimah Azzahro, suami beliau adalah Ali bin Abi Tholib,
  dan kedua putra mereka (Hasan dan Husein) adalah cucu Nabi yang keutamaannya
  sudah jelas
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  فَزَيْـنَبٌ وَبَعْدَهَا رُقَـيَّةْ (٤١) وَأُمُّ كُـلْثُومٍ زَكَـتْ رَضِيَّةْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(41)&lt;/b&gt; Kemudian sayyidah Zaenab dan selanjutnya sayyidah Ruqayah, dan
  sayyidah Ummu Kultsum yang suci lagi di Ridhoi
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( اَزْوَاجُهُ صَلَّی اللهُ عَلَیْهِ وَسَلَّمَ )&lt;br /&gt;Istri-Istri Nabi SAW
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  عَنْ تِسْعِ نِسْوَةٍ وَفَاةُ الْمُصْطَفَى (٤٢) خُيِّرْنَ فَاخْتَرْنَ
  النَّـبِيَّ الْمُقْتَـفٰى
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(42)&lt;/b&gt; Wafatnya nabi meninggalkan sembilan istri, mereka semua telah
  diminta untuk memilih (surga atau dunia), maka mereka memilih nabi yang
  menjadi panutan
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  عَائِشَـةٌ وَحَفْصَـةٌ وَسَـوْدَةُ (٤٣) صَـفِيَّـةٌ مَـيْـمُـوْنَةٌ وَرَمْلَةُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(43)&lt;/b&gt; &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Aisyah&lt;/b&gt;, &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Hafshah&lt;/b&gt;, dan
  &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Saudah&lt;/b&gt;, &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Shofiyyah&lt;/b&gt;,
  &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Maimunah&lt;/b&gt;, dan &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Romlah&lt;/b&gt;
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  هِنْدٌ وَزَيْـنَبٌ كَذَا جُوَيـْرِيَةْ (٤٤) لِلْمُـؤْمِـنِيْنَ أُمَّـهَاتٌ
  مَـرْضِـيَّةْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(44)&lt;/b&gt; &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Hindun&lt;/b&gt; dan &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Zaenab&lt;/b&gt;,
  begitu pula &lt;i&gt;Sayyidah&lt;/i&gt; &lt;b&gt;Juwairiyah&lt;/b&gt;, Bagi kaum Mukminin mereka
  menjadi ibu-ibu yang di Ridhoi
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( اَعْمَامُهُ صَلَّی اللهُ عَلَیْهِ وَسَلَّمَ )&lt;br /&gt;Paman (dan Bibi) Nabi SAW
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  حَمْزَةُ عَمُّهُ وعَبَّاسٌ كَذَا (٤٥) عَمَّـتُـهُ صَفِيَّةٌ ذَاتُ احْتِذَا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(45)&lt;/b&gt; Hamzah adalah Paman Nabi demikian pula ‘Abbas, Bibi Nabi adalah
  Shofiyyah yang yang patut diteladani
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;
  ( الْإِسْرَاءُ وَالْمِعْرَاجُ )&lt;br /&gt;Peristiwa Isro&#39; Mi&#39;raj
&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  وَقَبْـلَ هـِجْـرَةِ النَّـبِيِّ اْلإِسْرَا (٤٦) مِـنْ مَـكَّةَ لَـيْلًا
  لِقُدْسٍ يُدْرَى
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(46)&lt;/b&gt; Dan sebelum Nabi Hijrah (ke Madinah), terjadi peristiwa Isro’.
  Dari Makkah pada malam hari menuju Baitul Maqdis yang dapat dilihat
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَبَعْدَ إِسْـرَاءٍ عُرُوْجٌ لِلسَّمَا (٤٧) حَتَّى رَأَى النَّـبِيُّ رَبًّـا
  كَـلَّـمَا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(47)&lt;/b&gt; Dan setelah Nabi Isro’ lalu Mi’raj (naik) ke atas, sehingga Nabi
  melihat Tuhan yang berkata-kata
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  مِنْ غَيْرِكَيْفٍ وَانْحِصَارٍ وَافْـتَرَضْ (٤٨) عَلَيْهِ خَمْسًا بَعْدَ
  خَمْسِيْنَ فَرَضْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(48)&lt;/b&gt; Tanpa bentuk dan ruang. Dan diwajibkan kepadanya (Shalat) 5 waktu
  yang sebelumnya 50 waktu
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَبَـلَّـغَ اْلأُمَّـةَ بِاْلإِسْرَاءِ (٤٩) وَفَـرْضِ خَـمْـسَةٍ بِلاَ
  امْتِرَاءِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(49)&lt;/b&gt; Dan beliau (Nabi Muhammad) menyampaikan kepada umat tentang
  peristiwa Isro’. Dan kewajiban Shalat 5 waktu tanpa keraguan
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  قَدْ فَازَ صِـدِّيْقٌ بِـتَصْـدِيْقٍ لَهُ (٥٠) وَبِالْعُرُوْجِ الصِّـدْقُ
  وَافَى أَهْلَهُ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(50)&lt;/b&gt; Sungguh beruntung sahabat Abubakar As-Shiddiq dengan membenarkan
  peristiwa (isro’) tersebut, juga peristiwa Mi’raj yang sudah sepantasnya
  kebenaran itu disandang bagi pelaku Isro’ mi’raj
&lt;/div&gt;

&lt;h2 class=&quot;arab&quot; style=&quot;text-align: center;&quot;&gt;( خَاتِمَةٌ )&lt;br /&gt;Penutup&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;
  وَهَـذِهِ عَقِيْـدَةٌ مُخْـتَصَرَهْ (٥١) وَلِلْـعَـوَامِ سَـهْـلَةٌ
  مُيَسَّرَهْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(51)&lt;/b&gt; Inilah Aqidah yang ringkas, dan bagi orang-orang awam (supaya)
  mudah dan gampang (dalam memahaminya)
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  نَاظِمُ تِلْكَ أَحْمَدُ الْمَرْزُوْقِيْ (٥٢) مَنْ يَـنْـتَمِي لِلصَّـادِقِ
  الْمَصْدُوْقِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(52)&lt;/b&gt; Yang menadhamkan adalah Syeikh Ahmad Al Marzuqi, seorang yang
  bernasab ke nabi yang benar dan dibenarkan
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  اَلـْحَمْدُ لِلّٰهِ وَصَـلَّى سَـلَّـمَا (٥٣) عَلَـى النَّبِـيِّ خَيْرِ مَنْ
  قَدْ عَـلَّـمَا
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(53)&lt;/b&gt; Dan segala puji bagi Allah, serta shalawat dan Salam semoga
  tercurahkah kepada Nabi Muhammad, sebaik-baik orang yang telah mengajar
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَاْلأٰلِ وَالصَّـحْبِ وَكُلِّ مُـرْشِدِ (٥٤) وَكُلِّ مَـنْ بِخَيْرِ هَدْيٍ
  يَقْتَدِيْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(54)&lt;/b&gt; Dan Juga keluarga nabi, sahabat nabi serta orang yang telah
  memberi petunjuk dan orang yang mengikuti sebaik-baik petunjuk
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  وَأَسْأَلُ الْكَرِيْمَ إِخْلاَصَ الْعَمَلْ (٥٥) ونَـفْعَ كُلِّ مَنْ بِهَا قَدِ
  اشْـتَغَلْ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(55)&lt;/b&gt; Dan saya mohon kepada Allah yang Maha Pemurah keikhlasan dalam
  beramal dan kemanfaatan bagi setiap orang yang berpegang teguh pada akidah ini
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  أَبْـيَاتُهَا (مَيْـزٌ) بِـعَدِّ الْـجُمَلِ (٥٦) تَارِيْخُهَا (لِيْ حَيٌّ
  غُـرٍّ) جُمَلِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(56)&lt;/b&gt; Nadham ini ada 57 bait dengan hitungan abjad, tahun penulisannya
  1258 Hijriah
&lt;/div&gt;
&lt;p class=&quot;arab&quot;&gt;
  سَـمَّيْـتُهَا عَـقِـيْدَةَ الْعَوَامِ (٥٧) مِـنْ وَاجِبٍ فِي الدِّيْنِ
  بِالتَّـمَامِ
&lt;/p&gt;
&lt;div class=&quot;notification-box info&quot;&gt;
  &lt;b&gt;(57)&lt;/b&gt; Aku menamakan akidah ini Aqidatul Awam, keterangan yang wajib
  diketahui dalam urusan agama dengan sempurna
&lt;/div&gt;

&lt;p&gt;Demikian &lt;a href=&quot;diniyah.my.id&quot;&gt;Terjemah Lalaran Nadham Aqidatul Awam&lt;/a&gt; karangan Syeikh Ahmad Al-Marzuki ini, semoga bermanfaat.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/5741915237229803914/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/10/belajar-diniyah-terjemah-lalaran-nadham-aqidatul-awam.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5741915237229803914'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5741915237229803914'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/10/belajar-diniyah-terjemah-lalaran-nadham-aqidatul-awam.html' title='Belajar Diniyah - Terjemah Lalaran Nadham Aqidatul Awam'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvEstgeZRjktU9dwYhRRrQCavdpTPFfaOp16dVqbMvF-RcPW-SelGHMDTSGDqwWvnAcavl7V4HR6_e8PbkULYkkqjJ5zu9_9Vp01MNpwykVq_MtV-pRy0mmVkiF-k-GYpQVf7Ou8YppgEd22h1e8RahBxXERE5eOPa-xCAQ9uUCZ5sexNOpEYPazV6fKc/s72-c/terjemah-lalaran-nadham-aqidatul-awam.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-6595145580110871552</id><published>2025-10-20T15:10:00.006+07:00</published><updated>2025-10-20T18:21:29.742+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Fiqih"/><category scheme="http://www.blogger.com/atom/ns#" term="Kelas 5"/><category scheme="http://www.blogger.com/atom/ns#" term="Mabadiul Fiqih Juz 2"/><title type='text'>Mabadi Fiqih Juz 2 - Bab Ahkamul Islam - Ada Berapa Hukum-hukum Islam?</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2eLxCzAXmHMuaap6uou4u-IfndHp2vbkoMbz0kgNXtRv2oC5VXvRa6eEzd7fOXUWlJ_AWKUKsKpre1HPg5_Kszs7ag5bQm9TzfUAUpkbusO9j7yJSCT9zFqAJObRiMxRsJcPt0_W7v8wWfychpEqPHjFIuNlPcK9ABrNky-fQPdpR_WiTR6tpMXN1Hnk/s1600/Untitled@0.5x-1.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Mabadi Fiqih Juz 2 - Bab Ahkamul Islam - Ada Berapa Hukum-hukum Islam?&quot; border=&quot;0&quot; data-original-height=&quot;540&quot; data-original-width=&quot;955&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2eLxCzAXmHMuaap6uou4u-IfndHp2vbkoMbz0kgNXtRv2oC5VXvRa6eEzd7fOXUWlJ_AWKUKsKpre1HPg5_Kszs7ag5bQm9TzfUAUpkbusO9j7yJSCT9zFqAJObRiMxRsJcPt0_W7v8wWfychpEqPHjFIuNlPcK9ABrNky-fQPdpR_WiTR6tpMXN1Hnk/s16000/Untitled@0.5x-1.webp&quot; title=&quot;Mabadi Fiqih Juz 2 - Bab Ahkamul Islam - Ada Berapa Hukum-hukum Islam?&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;&lt;b&gt;Belajar Diniyah&lt;/b&gt;: Dalam kehidupan sehari-hari, kita sering melakukan berbagai kegiatan seperti salat, makan, bermain, belajar, dan bergaul dengan teman. Tahukah kita bahwa dalam Islam, semua perbuatan yang akan kita lakukan tersebut memiliki aturan-aturan tersendiri yang disebut &lt;a href=&quot;https://www.diniyah.my.id/2025/10/mabadi-fiqih-Juz-2-bab-ahkamul-islam-ada-berapa-hukum-hukum-Islam.html&quot;&gt;Hukum-hukum dalam Islam&lt;/a&gt;. Hukum ini membantu kita memilih mana yang baik untuk dilakukan dan mana yang sebaiknya dihindari. Dengan memahami hukum Islam, insya Allah kita bisa menjadi anak yang taat dan berakhlak baik.&lt;/p&gt;

&lt;p&gt;Melalui materi kali ini, kita akan belajar bersama tentang macam-macam hukum Islam dalam kitab &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=Mabadi+Fiqih+Juz+2&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;Mabadi&#39; Fiqih Juz 2&lt;/a&gt; karangan &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=Syeikh+Umar+Abdul+Jabbar&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;Syeikh Umar Abdul Jabbar&lt;/a&gt; dengan contoh yang mudah dipahami dan dekat dengan kehidupan kita sehari-hari. Semoga setelah membaca, kita bisa lebih semangat menjalankan ajaran Islam dan menjadi anak yang baik di rumah, di sekolah, dan di mana saja!&lt;/p&gt;

&lt;h2&gt;Ada berapa Hukum-hukum Islam&lt;/h2&gt;

&lt;table&gt;
    &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td valign=&quot;top&quot; width=&quot;50%&quot;&gt;
                &lt;p&gt;&lt;b&gt;Soal&lt;/b&gt; : &lt;br /&gt;Ada berapakah hukum-hukum Islam itu?&lt;/p&gt;
                &lt;p&gt;&lt;b&gt;Jawab&lt;/b&gt; : &lt;br /&gt;Hukum-hukum Islam itu ada lima (5), yaitu; (1) &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=define+Fardlu&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;Fardlu&lt;/a&gt;, (2) &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=define+Sunnah&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;Sunnah&lt;/a&gt;, (3) &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=define+Mubah&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;Mubah&lt;/a&gt;, (4) &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=define+Harom&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;Harom&lt;/a&gt;, (5) &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=define+Makruh&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;Makruh&lt;/a&gt;.&lt;/p&gt;
            &lt;/td&gt;
            &lt;td valign=&quot;top&quot; width=&quot;50%&quot;&gt;
                &lt;p class=&quot;arab&quot;&gt;س: كَمْ أَحْكَامُ الْاِسْلَامِ؟&lt;/p&gt;
                &lt;p class=&quot;arab&quot;&gt;ج : أَحْكَامُهُ خَمْسَةٌ الْفَرْضُ وَالسُّنَّةُ وَالْمُبَاحُ وَالْـحَرَامُ وَالْمَكْرُوْهُ&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;

&lt;h2&gt;Makna Pegon&lt;/h2&gt;

&lt;p class=&quot;arab&quot;&gt;س: (كَمْ) اِيْكُوْ ڤِيْرَا (أَحْكَامُ الْاِسْلَامِ) اُتَوِيْ ڤِيْرَا ڤِيْرَا حُوْكُوْمَيْ اِسْلَامْ؟&lt;/p&gt;
&lt;p class=&quot;arab&quot;&gt;ج : (أَحْكَامُهُ) اُتَوِيْ ڤِيْرَا ڤِيْرَا حُوْكُوْمَيْ اِسْلَامْ (خَمْسَةٌ) اِيْكُوْ لِـيْمَا (اَلْفَرْضُ) سُوِيْـجِيْ فَرْضُ (وَالسُّنَّةُ) لَنْ سُنَّةْ (وَالْمُبَاحُ) لَنْ مُبَاحْ (وَالْـحَرَامُ) لَنْ حَرَامْ (وَالْمَكْرُوْهُ) لَنْ مَكْرُوْهْ&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;س: اَنَا ڤِيْرَا حُكُمْ حُكُمْ اِيْڠْدَالٓـمْ اِسلَامْ؟&lt;/p&gt;
&lt;p class=&quot;arab&quot;&gt;ج : حُوْكُوْمِي اِسْلَامْ اِیْکُوْ اَنَا لِـيْمَا، يَا اِيْكُوْ : (١) فَرْضُ، لَنْ (٢) سُنَّةْ، لَنْ (٣) مُبَاحْ، لَنْ (٤) حَرَامْ، لَنْ (٥) مَكْرُوهْ&lt;/p&gt;

&lt;p&gt;Ono piro hukum-hukum ingdalem Islam iku? hukum-hukum ingdalem Islam iku ono limo, siji Fardhu, loro Sunnah, telu Mubah, papat Harom lan limo Makruh&lt;/p&gt;

&lt;h2&gt;Penjelasan&lt;/h2&gt;

&lt;p&gt;Hukum-hukum islam adalah ketentuan hukum syariat yang dibebankan kepada semua &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=define+orang+mukallah&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;orang mukallah&lt;/a&gt; (orang yang sudah balig). Adapun macam-macam hukum-hukum Islam yang lima tersebut adalah:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Fardlu&lt;/b&gt; (wajib/harus Dilakukan)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Sunnah&lt;/b&gt; (dianjuran)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Mubah&lt;/b&gt; (boleh dilakukan)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Haram&lt;/b&gt; (dilarag keras!)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Makruh&lt;/b&gt; (sebaiknya dihindari)&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Contoh&lt;/h2&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNr9PVN2JDUEUO9h8pbBDx-96okQuNl05gG7QL9w_hYPOScHU9NRCvCLwSqNq4CuX0c75ZLZA4A3t1jdE7m6H-RXOWbviLmpABobMhqQS-pOVKV8srTmKn7bTWHFUOlmNZjVMzz9ehCgefHRWthXYpezDmJr4cIXnQRvdQYVuwbxlEfkXv77e-vQ6eLUY/s1600/Untitled@0.5x-1.webp&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;Mabadi Fiqih Juz 2 - Bab Ahkamul Islam - Ada Berapa Hukum-hukum Islam?&quot; border=&quot;0&quot; data-original-height=&quot;540&quot; data-original-width=&quot;955&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNr9PVN2JDUEUO9h8pbBDx-96okQuNl05gG7QL9w_hYPOScHU9NRCvCLwSqNq4CuX0c75ZLZA4A3t1jdE7m6H-RXOWbviLmpABobMhqQS-pOVKV8srTmKn7bTWHFUOlmNZjVMzz9ehCgefHRWthXYpezDmJr4cIXnQRvdQYVuwbxlEfkXv77e-vQ6eLUY/s16000/Untitled@0.5x-1.webp&quot; title=&quot;Mabadi Fiqih Juz 2 - Bab Ahkamul Islam - Ada Berapa Hukum-hukum Islam?&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Sekarang coba kita pikirkan: kegiatan apa saja yang kita lakukan hari ini? Bangun pagi, salat, sarapan, sekolah, main, belajar, atau bantu orang tua? Ternyata, semua kegiatan itu bisa punya hukum masing-masing! Ada yang wajib (harus dilakukan), sunnah (dianjurkan), mubah (boleh dilakukan), makruh (sebaiknya dihindari), dan haram (dilarang keras). Yuk, kita pelajari satu per satu dengan contoh yang dekat dengan kehidupan kita!&lt;/p&gt;

&lt;p&gt;Sebelum lanjut, jawablah pertanyaan-pertanyaan sederhana berikut ini:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;b&gt;&lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=Salat+lima+waktu&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;Salat lima waktu&lt;/a&gt; itu hukumnya apa ya?&lt;/b&gt;&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Patuh dan taat kepada guru ketika di sekolah itu bagaimana hukumnya?&lt;/b&gt;&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Hukum Jajan di kantin sekolah?&lt;/b&gt;&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Main HP terus sampai lupa belajar?&lt;/b&gt;&lt;/li&gt;
  &lt;li&gt;&lt;b&gt;Mengambil barang teman tanpa izin?&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Kalau kalian sudah tahu jawabannya, berarti kalian siap jadi anak hebat yang taat pada hukum Islam! Yuk lanjut ke materi berikutnya dan temukan kisah seru Ahmad yang selalu berusaha menjalankan hukum Islam dalam kesehariannya!&lt;/p&gt;

&lt;p&gt;Ahmad adalah seorang siswa kelas 5 SD. 
    Setiap berangkat dan pulang sekolah Ahmad selalu berpamitan kepada kedua orangnya dan ahmad selalu &lt;a href=&quot;https://www.diniyah.my.id/2021/05/birrul-walidain-putra-bab-8-wajib-mencium-tangan-orang-tua-ketika-bersalaman.html&quot;&gt;mencium kedua tangan orang tuanya ketika bersalaman&lt;/a&gt; karean ia tahu itu adalah wajib, begitupun juga ketika ia akan bermain. Di sekolah Ahmad juga sangat patuh kepada guru-gurunnya dan juga rajin menunaikan sholat 5 waktu serta senantiasa selalu mendoakan orang tuanya &lt;b&gt;karena ia tahu hal itu hukumya fardhu (wajib)&lt;/b&gt;. Terkadang Ahmad juga melaksanakan &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=sholat+rawatib+qoliyah+dan+ba%27diyah&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;sholat rawatib qoliyah dan ba&#39;diyah&lt;/a&gt; &lt;b&gt;karean ia tahu itu hukumnya sunnah&lt;/b&gt;. Di sekolah Ahmad selalu berprilaku sederhana dan tidak berlebihan. Terkadang ia juga beli jajan, beli makanan sebagaimana teman-temannya disekolah &lt;b&gt;karena ia tahu itu merupakan sesuatu yang mubah&lt;/b&gt;. Ahmad termasuk anak yang tidak suka mengambil barang yang bukan miliknya, apalagi dengan memaksa atau mencuri &lt;b&gt;karena ia tahu itu hukumya haram&lt;/b&gt;. Setiap ada waktu senggang, selalu digunakannya untuk belajar sendiri ataupun belajar bersama dengan teman-temannya. Ahmad juga tidak suka membuang waktu dengan sia-sia, seperti teman-temannya yang setiap hari selalu menghabiskan waktu dengan bermain HP &lt;b&gt;karean ia tahu itu adalah makruh&lt;/b&gt;&lt;/p&gt;

&lt;p&gt;Contoh cerita diatas adalah gambaran seorang anak yang baik dan sholih. Anak yang bisa membedakan mana yang benar dan mana yang salah, karena Ahmad sudah memahmi huku-hukum Islam yang 5 tersebut&lt;/p&gt;

&lt;h2&gt;Kesimpulan&lt;/h2&gt;

&lt;p&gt;Setiap orang yang ingin hidupnya selamat di dunia dan di akhirat, wajib belajar dan menjalani hukum-hukum Islam tersebut dan wajib mempraktikkannya dalam kehidupan sehari-hari. Sehingga dalam setiap perbuatan yang kita lakukan, kita bisa membedakan mana yang Fardlu (wajib), sunnah, mubah, haram dan makruh.&lt;/p&gt;

&lt;p&gt;Oleh karena itu, Macam-macam Hukum Islam merupakan sesuatu yang wajib dipelajari oleh semua orang mukallah, sehingga bisa menjadi dasar dan petunjuk dalam setiap akan melakukan perbuatan dan bisa membedakan mana yang &lt;a data-preview=&quot;&quot; href=&quot;https://www.google.com/search?ved=1t:260882&amp;amp;q=define+halal&amp;amp;bbid=923149595703032590&amp;amp;bpid=6595145580110871552&quot; target=&quot;_blank&quot;&gt;halal&lt;/a&gt; dan mana yang haram&lt;/p&gt;

&lt;p&gt;Sekian penjelasan tentang pentingnya mengetahui dan memahami Hukum-hukum dalam Islam yang kami rangkum dalam &lt;a href=&quot;https://diniyah.my.id&quot;&gt;judul Mabadi Fiqih Juz 2 - Bab Ahkamul Islam - Ada Berapa Hukum-hukum Islam.&lt;/a&gt; Semoga bermanfaat.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/6595145580110871552/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/10/mabadi-fiqih-Juz-2-bab-ahkamul-islam-ada-berapa-hukum-hukum-Islam.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/6595145580110871552'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/6595145580110871552'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/10/mabadi-fiqih-Juz-2-bab-ahkamul-islam-ada-berapa-hukum-hukum-Islam.html' title='Mabadi Fiqih Juz 2 - Bab Ahkamul Islam - Ada Berapa Hukum-hukum Islam?'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2eLxCzAXmHMuaap6uou4u-IfndHp2vbkoMbz0kgNXtRv2oC5VXvRa6eEzd7fOXUWlJ_AWKUKsKpre1HPg5_Kszs7ag5bQm9TzfUAUpkbusO9j7yJSCT9zFqAJObRiMxRsJcPt0_W7v8wWfychpEqPHjFIuNlPcK9ABrNky-fQPdpR_WiTR6tpMXN1Hnk/s72-c/Untitled@0.5x-1.webp" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-923149595703032590.post-5709974758001274992</id><published>2025-05-09T03:25:00.022+07:00</published><updated>2025-12-18T17:20:10.721+07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Artikel"/><title type='text'>Cara Menulis Arab dan Arab Pegon Di Microsoft Word</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMMxwo2FBx-OQnwXjGiBhXuDELbggoTnBTeaqDlymiRw9ErkRONAiuv7ZPnl5J4ekXJYvGksz2xaWhE0x2Ls9V8XVPi8imBalXB50MTWexkYcocN2GyDmjRwo70aw8qvM2R5Y27F46RM4VZf7PNXHkwfgIPF_DmSEFwjVoM6N-hxS3blZMzM3KQ-rPfos/s1600/cover-optimalisasi-penulisan-arab-dan-arab-pegon-di-microsoft-word.png&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;692&quot; data-original-width=&quot;1120&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMMxwo2FBx-OQnwXjGiBhXuDELbggoTnBTeaqDlymiRw9ErkRONAiuv7ZPnl5J4ekXJYvGksz2xaWhE0x2Ls9V8XVPi8imBalXB50MTWexkYcocN2GyDmjRwo70aw8qvM2R5Y27F46RM4VZf7PNXHkwfgIPF_DmSEFwjVoM6N-hxS3blZMzM3KQ-rPfos/s1600/cover-optimalisasi-penulisan-arab-dan-arab-pegon-di-microsoft-word.png&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p class=&quot;arab&quot; style=&quot;text-align: center&quot;&gt;
بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِیْمِ
&lt;/p&gt;


&lt;p style=&quot;text-align: justify&quot;&gt;Dalam ruang lingkup pembelajaran di sekolah, Software / Aplikasi yang paling banyak digunakan oleh para guru adalah Aplikasi Microsoft Office terutama Microsoft Word untuk olah dokumen. Pemahaman dan penguasaan Microsoft Word oleh guru bukan hanya mendukung efisiensi proses belajar mengajar, tetapi juga membuka peluang untuk menciptakan metode pembelajaran yang lebih interaktif, inovatif, dan sesuai dengan kebutuhan zaman. Oleh karena itu, pemahaman tentang Aplikasi Office terutama Microsoft Word oleh guru adalah fondasi penting dalam membangun generasi yang unggul dan adaptif di masa depan&lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Oleh karena itu, dengan penguasaan Apliksi Office yang baik, memungkinkan guru untuk menciptakan media pembelajaran yang lebih variatif, inovatif dan pembelajaran berbasis proyek digital lainnya. Sehingga guru dapat menghadirkan suasana kelas yang lebih hidup, mendorong keterlibatan siswa, dan menumbuhkan semangat belajar yang lebih tinggi sehingga proses pembelajaran tidak lagi monoton, tetapi lebih dinamis dan bermakna. Oleh karena itu, penguasaan Aplikasi Office bukan hanya pilihan, melainkan kebutuhan strategis bagi setiap guru di era pendidikan modern&lt;/p&gt;

&lt;h2&gt;Tahap 1: Persiapan&lt;/h2&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Pada tahap persiapan ini, perangkat yang dibutuhkan untuk bisa membuat atau menulis huruf arab pegon dengan baik dan benar adalah:&lt;/p&gt;

&lt;h3&gt;Perangkat yang dibutuhkan:&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;Perangkat Komputer (PC/Laptop)&lt;/li&gt;
    &lt;li&gt;Sudah terinstal Windows 7, 8, 10, 11&lt;/li&gt;
    &lt;li&gt;Sudah terinstal Microsoft Office Word&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Aplikasi dan Font Arabic yang dibutuhkan&lt;/h3&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Font Amiri&lt;/b&gt;: bersifat Oper Souce (Gratis dan bebas digunakan)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Arab Pegon Pesantren&lt;/b&gt;: sepengetahuan kami Gratis dan bebas digunakan&lt;/li&gt;
    &lt;li&gt;Aplikasi Keyboard &lt;b&gt;Arab Pegon Al-Bantaniy&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;Aplikasi Keyboard &lt;b&gt;Jawi Aceh&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Untuk Font dan Layout Keyboard Arab Pegon Al-Bantaniy dan Keyboard Jawi Aceh silahkan klik tombol download dibawah ini:&lt;/p&gt;

&lt;center&gt;&lt;a class=&quot;btn-download btn-primary&quot; style=&quot;item&quot; href=&quot;https://bit.ly/ArabPegon&quot;&gt;&lt;button&gt;Download&lt;/button&gt;&lt;/a&gt;&lt;/center&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Jika sudah di download, silahkan install aplikasi tersebut pada PC/Laptop.&lt;/p&gt;

&lt;h3&gt;Metode, Cara Menulis dan Font Yang Digunakan&lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Adapun metode yang dipakai adalah dengan menggunakan aplikasi pihak ketiga yang dikombinasikan dengan font arab yang mempunyai fitur / karakter pegon yang lengkap. Dan cara menulis yang digunakan adalah dengan cara menulis dengan menggunakan aplikasi Layout Keyboard Arabic yang dikombinasikan dengan font Amiri dan/ font Arab Pegon Pesantren&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;&lt;b&gt;Cara 1&lt;/b&gt;: Menggunakan aplikasi Layout &lt;b&gt;Keyboard Arab Pegon Al-Bantaniy&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Cara 2&lt;/b&gt;: Menggunakan Aplikasi Layout &lt;b&gt;Keyboard Jawi Aceh&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Cara 3&lt;/b&gt;: Menggunakan aplikasi Layout &lt;b&gt;Keyboard Central Kurdish + Arabic&lt;/b&gt; (Saudi Arabia) dari bawaan System Windows&lt;br/&gt;&lt;br/&gt;
    
      Untuk &lt;b&gt;Cara 3&lt;/b&gt; ini, kita perlu melakukan setting di pengaturan system untuk menambahkan bahasa (langguage) dan layout keyboard. Bahasa (langguage) yang ditambahkan adalah:

        &lt;ol&gt;
            &lt;li&gt;Bahasa &lt;b&gt;Central Kurdis&lt;/b&gt;, layout keyboard ini &lt;b&gt;khusus untuk menulis&lt;/b&gt;, karena tidak ada kombinasi harokat dengan menekan tombol Alt / Shift&lt;/li&gt;
            &lt;li&gt;Bahasa &lt;b&gt;Arabic (Saudi Arabia)&lt;/b&gt;, Layout keyboard ini &lt;b&gt;khusus untuk menambahkan harokat&lt;/b&gt; pada huruf arab / pegon yang telah kita tulis dengan menggunakan layout keyboard Central Kurdhis tadi dengan menekan kombinasi tombol Alt/Shift&lt;/li&gt;
        &lt;/ol&gt;
    &lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;Tahap 2: Seting Perangkat PC/Laptop&lt;/h2&gt;

&lt;p class=&quot;note&quot;&gt;&lt;b&gt;CATATAN!&lt;/b&gt;:&lt;br /&gt;
    Pada Praktik ini, Software yang kami gunakan adalah:&lt;br /&gt;
    1. Windows 11 yang sudah terinstall Aplikasi Microsoft Office&lt;br /&gt;
    2. Font &lt;b&gt;Amiri&lt;/b&gt; dan Font &lt;b&gt;Arab Pegon Pesantren&lt;/b&gt;&lt;br /&gt;
    3. Aplikasi Layout keyboard &lt;b&gt;Arab Pegon Al-Bantaniy&lt;/b&gt;, &lt;b&gt;Jawi Aceh&lt;/b&gt; dan &lt;b&gt;Central Kurdish + Arabic (Saudi Arabia)&lt;/b&gt;
    &lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Pada tahap awal setting perangkat ini, pastikan semua file diatas tadi sudah di download kemudian ikuti langkah-langkah berikut ini&lt;/p&gt;

&lt;h3&gt;Install Font Arabic yang dibutukan&lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;&lt;b&gt;Cara Install&lt;/b&gt;:&lt;br /&gt;
Pilih / Blok semua file font yang akan di install, kemudian &lt;b&gt;Klik kanan&lt;/b&gt; dan pilih &lt;b&gt;Install&lt;/b&gt;&lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1cNjqtQe7wWvz1TnWAo26CDy5H_FpqQ-aE8rMoCOR5MZER9Pn9ilB4857AfJV77RO6OzaCC_5wznocKGBNYh20jhYVpZZyBs_0lH_7upfuqR_sqztsTyG-qeX0mCaaC-OW_48YRczJWJ4wdefHLyTvNhgIdHGojPwPcFlS5mM14B7gUMvR3AaXoioZuM/s1600/g0-cara-instal-font-arabic.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;286&quot; data-original-width=&quot;698&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1cNjqtQe7wWvz1TnWAo26CDy5H_FpqQ-aE8rMoCOR5MZER9Pn9ilB4857AfJV77RO6OzaCC_5wznocKGBNYh20jhYVpZZyBs_0lH_7upfuqR_sqztsTyG-qeX0mCaaC-OW_48YRczJWJ4wdefHLyTvNhgIdHGojPwPcFlS5mM14B7gUMvR3AaXoioZuM/s1600/g0-cara-instal-font-arabic.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;h3&gt;Install Aplikasi Layout Keyboard Arab Pegon atau Jawi Aceh&lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;&lt;b&gt;Cara Install&lt;/b&gt;:&lt;br /&gt;
    Buka folder yang sudah di download tadi, buka folder “2 - Install Keyboard Arab Pegon Al-Bantaniy (Bahrain)” kemudian pilih file “setup.exe” klik 2X atau klik kanan pada file tersebut dan pilih open/install&lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIL0RLUZ5Oo8EFVfFRkvaPDfI62cE1A2ypySwF1j4ROKp-xMNmt-F7L2CHin3ZrjHei7l2Cs9rI4eHCZgk9Ad-JE_7WIH8rkrYHqf-8MurrXOvkCKrQRikaj-t7vL6upvYxp_OhDiSkNF8gtsGyHztOxeoxn407fmysn3b8lVh5cGQ6qed8RhhE-CfWgk/s1600/g1-cara-instal-keyboard-pegon.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;390&quot; data-original-width=&quot;762&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIL0RLUZ5Oo8EFVfFRkvaPDfI62cE1A2ypySwF1j4ROKp-xMNmt-F7L2CHin3ZrjHei7l2Cs9rI4eHCZgk9Ad-JE_7WIH8rkrYHqf-8MurrXOvkCKrQRikaj-t7vL6upvYxp_OhDiSkNF8gtsGyHztOxeoxn407fmysn3b8lVh5cGQ6qed8RhhE-CfWgk/s1600/g1-cara-instal-keyboard-pegon.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Setelah proses install selesai, lihat dan pastikan layout keyboard tersebut tersebut muncul di menu Taksbar seperti pada gambar dibawah ini. Pada beberapa kasus, jika tidak muncul silahkan Restart Komputer dulu.&lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieZBsCksB0ID7SZuJoz9sBr4lCBwHXJJW9j-L2aItv4QOTZGxZh6SUT2N8XScc7clvCy3FV3sujRmxDb9XAh255Q_noYlH8OiprWMoOa4dl-DGHwzBLCi7QCnd88Z1-69tWDmiOqAqgssxpwMLWfjnFsLGC_qoAe2GdfbwQ9wV8TUJMewr9E6AU1rpwOs/s1600/g2-layout-mumncul-di-taskbar.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;256&quot; data-original-width=&quot;598&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieZBsCksB0ID7SZuJoz9sBr4lCBwHXJJW9j-L2aItv4QOTZGxZh6SUT2N8XScc7clvCy3FV3sujRmxDb9XAh255Q_noYlH8OiprWMoOa4dl-DGHwzBLCi7QCnd88Z1-69tWDmiOqAqgssxpwMLWfjnFsLGC_qoAe2GdfbwQ9wV8TUJMewr9E6AU1rpwOs/s1600/g2-layout-mumncul-di-taskbar.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;h3&gt;Menambahkan Bahasa Arabic Pada System Windows (Optional)&lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Hal ini penting apabila kita sering menulis dalam bahasa arab supaya secara default system / perangkat komputer yang kita gunakan bisa mengenali tulisan / typografi dalam bahasa tulisan yang kita inginkan&lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;&lt;b&gt;Cara Menambahkan bahasa&lt;/b&gt;:&lt;br /&gt;
    Pastikan Komputer atau Laptop terkoneksi dengan internet. Masuk ke menu &lt;b&gt;Setting&lt;/b&gt; → &lt;b&gt;Time &amp;amp; langguage&lt;/b&gt; → &lt;b&gt;Language &amp;amp; Region&lt;/b&gt; → &lt;b&gt;Add a langguage&lt;/b&gt;, pada menu pencarian pilih dan tambahkan bahasa &lt;b&gt;Arabic (Saudi Arabia)&lt;/b&gt;&lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9PbLZNI6U8af0oy7ZvFsJ1g7po6CgHTzLG2jqoq4Q-NmFa0U21veEFYKY0ZjOsZdpdwLuVNjqEKjkhHHKT1scD4W5pdL0heTIQ_WYjdUmFW_VHhYh8koj_vVfeETEgHze_cxDDF7tAAeqHKfL_yPEF-ZCupK6YjrQvDO1XmtpUEq6_D8L-NvlIhAk1I/s1600/g3-menambahkan-bahasa-pada-system-windows.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;364&quot; data-original-width=&quot;718&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9PbLZNI6U8af0oy7ZvFsJ1g7po6CgHTzLG2jqoq4Q-NmFa0U21veEFYKY0ZjOsZdpdwLuVNjqEKjkhHHKT1scD4W5pdL0heTIQ_WYjdUmFW_VHhYh8koj_vVfeETEgHze_cxDDF7tAAeqHKfL_yPEF-ZCupK6YjrQvDO1XmtpUEq6_D8L-NvlIhAk1I/s1600/g3-menambahkan-bahasa-pada-system-windows.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;h2&gt;Tahap 3: Seting Aplikasi Microsoft Word&lt;/h2&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;&lt;b&gt;PENTING!&lt;/b&gt; Sebelum kita praktik menulis lembar kerja pada Microsoft Word, hal yang perlu diperhatikan adalah mengenal dan memahami beberapa fungsi pada aplikasi microsoft word. Hal ini penting karena dengan cepatnya perkembangan teknologi saat ini, menuntut kita tanggap akan perubahan termasuk perubahan pada aplikasi-aplikasi pengolah kata / dokumen seperti Microsoft Word, Libre Office, WPS Office, Google Doc, Pages dan sebagainya. Sehingga jika ada menu atau tampilan yang berbeda kita tetap bisa memahami fungsi dari menu-menu tersebut&lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Oleh karena itu, &lt;b&gt;Memahami Menu dan Fungsi Dasar pada Microsoft Word ini WAJIB&lt;/b&gt;, supaya kedepan kita bisa dengan mudah beradaptasi membuat kreatifitas sesuai dengan yang kita inginkan. Berikut tampilan aplikasi pada Microsoft Word (Office 365 Family)&lt;/p&gt;

&lt;h3&gt;Mengenal Tool / Fungsi Dasar Pada Microsoft Word&lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Mengenal Bagian-bagian dalam Microsoft Word, beberapa versi Microsoft Word mungkin memiliki tampilan yang berbeda, akan tetapi fungsinya sama &lt;b&gt;tinggal kita memahami nama-nama Menu dan Fungsinya saja&lt;/b&gt;&lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZuzNxQLU6N43X4kIRk931x_xt0UULjFO8Yu4-COz8ZkWxAXmxND8Yt9_XUTRPEFo7DcgvD2ozR_lmSIHrzhMKHWy5kQjUQN1YMf0EWcSE2oBFtSxVIYMwD_IceW89vRkhyek8S-aSOjGqjQsAmd5Bp_CFeafZeCC-_-fqcd1hyeEzfUowGKShqN6ws4k/s1600/g4_mengenal_tools_microsoft_word.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;946&quot; data-original-width=&quot;1764&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZuzNxQLU6N43X4kIRk931x_xt0UULjFO8Yu4-COz8ZkWxAXmxND8Yt9_XUTRPEFo7DcgvD2ozR_lmSIHrzhMKHWy5kQjUQN1YMf0EWcSE2oBFtSxVIYMwD_IceW89vRkhyek8S-aSOjGqjQsAmd5Bp_CFeafZeCC-_-fqcd1hyeEzfUowGKShqN6ws4k/s1600/g4_mengenal_tools_microsoft_word.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p&gt;Penjelasan Gambar:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Quick Access Toolbar&lt;/b&gt;: Secara default berisi tombol save, undo, redo dan tombol autosave&lt;br /&gt;
    
      &lt;ul&gt;
        &lt;li&gt;&lt;b&gt;Save&lt;/b&gt;, digunakan untuk menyimpan dokumen&lt;/li&gt;
        &lt;li&gt;&lt;b&gt;Undo&lt;/b&gt;, digunakan untuk mengembalikan ke kondisi sebelumnya, jadi kalau ada pengaturan yang salah dan ingin dikembalikan lagi, klik ini. Undo bisa dilakukan dengan kombinasi keyboard CTRL+Z&lt;/li&gt;
        &lt;li&gt;&lt;b&gt;Redo&lt;/b&gt;, kebalikan dari undo, yaitu untuk mengembalikan ke kondisi setelahnya. Redo bisa dilakukan dengan kombinasi keyboard CTRL+Y&lt;/li&gt;
        &lt;li&gt;&lt;b&gt;Autosave&lt;/b&gt;, jika diaktifkan, dokumen akan tersimpan di penyimpanan cloud (OneDrive)&lt;/li&gt;
    &lt;/ul&gt;
    &lt;/li&gt;
  
    &lt;li&gt;&lt;b&gt;Title Bar&lt;/b&gt;: Judul / Nama dokumen yang sedang dibuat&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Search&lt;/b&gt;: Untuk mencari tools yang diinginkan. &lt;b&gt;Fungsi ini bermanfaat sekali&lt;/b&gt; ketika kita ingin melakukan sesuatu tetapi tidak tahu letak dari perintahnya dimana. Misalnya kita ingin mengatur margin tapi tidak tahu letaknya, jadi kita ketikkan saja &quot;margin&quot; di kolom tersebut dan akan langsung muncul pengaturan yang diinginkan&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Icon Akun &amp;amp; Control Window&lt;/b&gt;: Untuk Melihat akun Microsoft kita, melakukan minimize window, full window / windowed mode, dan mengeluarkan program &lt;/li&gt;
    &lt;li&gt;Tab Menu, digunakan untuk memilih fungsi dari pilihan menu yang ada&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Comments&lt;/b&gt;, &lt;b&gt;Editing&lt;/b&gt;, &lt;b&gt;Share&lt;/b&gt;, digunakan untuk memberikan Comments, Editing dan share document&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;The Ribbon&lt;/b&gt;: Berisi sekumpulan tools yang terdapat di setiap Tab Menu (No. 5)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Vertical Ruler&lt;/b&gt;: Penggaris vertikal&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Horizontal Ruler&lt;/b&gt;: Penggaris horisontal&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Vertical Scrollbar&lt;/b&gt;: Untuk Scrol dokumen ke atas-bawah&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Document Area&lt;/b&gt;: Lembar kerja di Microsoft Word dimana kita biasa ngetik&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Status Bar&lt;/b&gt;: Berisi banyaknya halaman, banyaknya kata, dan lainnya&lt;/li&gt;
    &lt;li&gt;Mode pembacaan dokumen dan pengaturan zoom &lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;Membuat Document Baru &lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Silahkan buka aplikasi Microsoft Word kemudian → Pada pilihan &lt;b&gt;New&lt;/b&gt; → Pilih &lt;b&gt;Blank document&lt;/b&gt;&lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPDSn_B21MotR1MbgwpoIV4gd04o9kEnshnvzeXXHF8dJVgu-5rnfybe9TBkZxqVhCp5Vi_uV-QEqAua8j3qUTO0O_f73TLpEK-TIOGRIJ2f7KdPGnE_Bc1X6p3dJP-05P2gOaUbj56nJ-TEutk84HFirhY-8Wnlx4PLYs9SqGvFOUD0VUBUN6whpRko/s1600/g5_membuat_dokumen_baru_di_microsoft_word.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;810&quot; data-original-width=&quot;1748&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPDSn_B21MotR1MbgwpoIV4gd04o9kEnshnvzeXXHF8dJVgu-5rnfybe9TBkZxqVhCp5Vi_uV-QEqAua8j3qUTO0O_f73TLpEK-TIOGRIJ2f7KdPGnE_Bc1X6p3dJP-05P2gOaUbj56nJ-TEutk84HFirhY-8Wnlx4PLYs9SqGvFOUD0VUBUN6whpRko/s1600/g5_membuat_dokumen_baru_di_microsoft_word.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;h3&gt;Menentukan Format Ukuran Kertas dan Pencetakkan&lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Setalah halaman dokument baru terbuka pada aplikasi Microsoft Word, Hal pertama yang harus dilakukan adah menentukan ukuran kertas. Supaya ketika kita sudah menulis, tulisan tersebut tidak berubah tata letaknya (layoutnya)&lt;/p&gt;

&lt;p&gt;Pada praktik kali ini kita memilih ukuran kertas &lt;b&gt;A4&lt;/b&gt;. Pada halaman baru Microsoft Word, Pilih Tab Menu &lt;b&gt;Layout&lt;/b&gt; → &lt;b&gt;Size&lt;/b&gt; → Pilih ukuran kertas &lt;b&gt;A4&lt;/b&gt;&lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFElYY1t8jAYW1F5XojGOw8WUsE1fm5CyFD-hSq6n4yUUT7Tv3vLX-BWBnzXdjHHPaaOZ8A55w6QLKi3jA6gJixM9ecV5VTZUVEUtIZLOUT9tE-YnhB23qcBC8kdE3W-AEmHM0loNwjGiz6FO1dxYfm5-A3juoOc9PLqsbXWyHy9rX58qRylYBbLNxmh0/s1600/g6_menentukan_format_huruf_paragraf_di_microsoft_word.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;408&quot; data-original-width=&quot;1266&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFElYY1t8jAYW1F5XojGOw8WUsE1fm5CyFD-hSq6n4yUUT7Tv3vLX-BWBnzXdjHHPaaOZ8A55w6QLKi3jA6gJixM9ecV5VTZUVEUtIZLOUT9tE-YnhB23qcBC8kdE3W-AEmHM0loNwjGiz6FO1dxYfm5-A3juoOc9PLqsbXWyHy9rX58qRylYBbLNxmh0/s1600/g6_menentukan_format_huruf_paragraf_di_microsoft_word.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;h3&gt;Menentukan Jenis Font, Ukuran Font dan Paragraf&lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Pada Tab Menu &lt;b&gt;&lt;/b&gt;, silahkan pilih jenis dan ukuran Font yang ingin digunakan kemudian &lt;b&gt;karena kita akan menulis dalam format Arab&lt;/b&gt;, maka ubah &lt;b&gt;Text Direction&lt;/b&gt;-nya ke &lt;b&gt;Right To Left&lt;/b&gt; seperti pada gambar dibawah ini:&lt;br /&gt;&lt;br /&gt;
    &lt;b&gt;Left To Right&lt;/b&gt;: Menulis dari kiri ke kanan&lt;br /&gt;
    &lt;b&gt;Right To Left&lt;/b&gt;: Menulis dari kanan ke kiri
    &lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_o4swRhf8bqm2KMhm85mhvDqPfFiJhHrb4fMQVknOKqlrlO7SqeobRRN5XixYeQZpI67JmJ-TWsfH535ARwgo1oPmHMTwvKK1h0nxhuc29yPbWH7yBXS0iEF1O3Y0f5BAGXMPJqmUnSK_n5iAeaiD64biwSeqS9ohygfvhPP9oRcLvwDk2jUndomSD8Y/s1600/g7_menentukan_format_ukuran_huruf_dan_paragraf.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;416&quot; data-original-width=&quot;1650&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_o4swRhf8bqm2KMhm85mhvDqPfFiJhHrb4fMQVknOKqlrlO7SqeobRRN5XixYeQZpI67JmJ-TWsfH535ARwgo1oPmHMTwvKK1h0nxhuc29yPbWH7yBXS0iEF1O3Y0f5BAGXMPJqmUnSK_n5iAeaiD64biwSeqS9ohygfvhPP9oRcLvwDk2jUndomSD8Y/s1600/g7_menentukan_format_ukuran_huruf_dan_paragraf.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;


&lt;p style=&quot;text-align: justify&quot;&gt;Sehingga tampilan kursor pada lembar kerja Microsoft Word akan berada pada posisi sebelah kanan. Hal ini dikarenakan penulisan huruf Arab harus dimulai dari sisi sebelah kanan. Untuk pilihan fungsi menu lainnya silahkan di explore&lt;/p&gt;

&lt;h3&gt;Insert Symbol (Memasukkan Krakter Khusus huruf Pegon)&lt;/h3&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Pada tahap ini, kita akan memasukkan karakter khusus dari huruf pegon yang mana karakter huruf tersebut tidak kita temukan pada keyboard layout. Biasanya karakter khusus dari huruf-huruf pegon yang perlu ditambahkan adalah &lt;i&gt;harokat pepet&lt;/i&gt; dan &lt;i&gt;harokat panjang satu alif&lt;/i&gt; dan juga beberapa huruf khusus seperti &lt;span class=&quot;arab&quot;&gt;چ ڮ ڠ ڤ پ&lt;/span&gt; (optional)&lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Pada praktik ini kita akan menambahkan huruf pegon &lt;b&gt;G&lt;/b&gt; (&lt;span class=&quot;arab&quot;&gt;ڮ&lt;/span&gt;), karena pada layout keyboard Arab Pegon Al Bantaniy symbol huruf tersebut tidak ada secara default. Dan untuk menambahkannya, pada halaman Microsoft Word pilih tab menu &lt;b&gt;Insert&lt;/b&gt; → &lt;b&gt;Symbol&lt;/b&gt; → pilih &lt;b&gt;More symbol&lt;/b&gt;, kemudian pilih symbol huruf / karakter yang diinginkan. Sehingga akan muncul tampilan berikut:&lt;/p&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq0ZIRyf-u_3HAM-5oQI7ODLMnyRZhlVDTT-CD_a9k4hbLUbSYBaww1cQv8n5j1QpD4aGWpZ2-kbtXJzLZBZ_XFSBMgz0Hz7xZtcwbhGKplzRu7HFRRgxAIvuDj9DAy4ne3seqnfrcwivIgdjH7t7BRZj0X7uK-whfKgq6-nkeQ38kY6Gg01K-IyxgT-o/s1600/g8_insert_symbol.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;476&quot; data-original-width=&quot;1744&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq0ZIRyf-u_3HAM-5oQI7ODLMnyRZhlVDTT-CD_a9k4hbLUbSYBaww1cQv8n5j1QpD4aGWpZ2-kbtXJzLZBZ_XFSBMgz0Hz7xZtcwbhGKplzRu7HFRRgxAIvuDj9DAy4ne3seqnfrcwivIgdjH7t7BRZj0X7uK-whfKgq6-nkeQ38kY6Gg01K-IyxgT-o/s1600/g8_insert_symbol.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;&lt;b&gt;Penting!&lt;/b&gt; Sebelum menambahkan Custom Symbol, pastikan pilihan Layout Keyboard keyboard di taskbar sesuai keyboar layout yang diinginkan. Kemudian pilih &lt;b&gt;nama Font&lt;/b&gt; dan &lt;b&gt;huruf / karakter khusus&lt;/b&gt; yang mau kita tambahkan.&lt;/p&gt;

&lt;p&gt;Kemudian pada tab menu Symbol, pilih:&lt;/p&gt;

&lt;ul&gt;
    &lt;li&gt;Font Amiri&lt;/li&gt;
    &lt;li&gt;Pilih simbol huruf pegon G (ڮ), kemudian&lt;/li&gt;
    &lt;li&gt;Klik Shortcut Key&lt;/li&gt;
&lt;/ul&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqpjwrK6RTmgFK5Vp1KgaOzfJY2qACYEeRE8EQAhDhVC2e24_chnJ7SbMXYFsNPdV3BSpWn_IZMjS2y9Gq4CqEtoNlpyGDio3z00PIfvt0PagfrRFAQpmuxDdZfqc4qfbfRqpgnyX09FyOQDoPxbq3PkRTZb6sGCRr0nSKGPoZK7bjGfY142ZTN2XPVFI/s1600/g9_custom_key.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;792&quot; data-original-width=&quot;1244&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqpjwrK6RTmgFK5Vp1KgaOzfJY2qACYEeRE8EQAhDhVC2e24_chnJ7SbMXYFsNPdV3BSpWn_IZMjS2y9Gq4CqEtoNlpyGDio3z00PIfvt0PagfrRFAQpmuxDdZfqc4qfbfRqpgnyX09FyOQDoPxbq3PkRTZb6sGCRr0nSKGPoZK7bjGfY142ZTN2XPVFI/s1600/g9_custom_key.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Sehingga muncul tampilan untuk menambahkan Custom Keyboard:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;Arahkan kursor pada pilihan &lt;b&gt;Press new shortcut key&lt;/b&gt; (isi dengan kombinasi symbol sesuai keinginan (pada praktik ini kami menggunakan kombinasi tombol &lt;b&gt;&lt;/b&gt;)&lt;/li&gt;
    &lt;li&gt;Klik &lt;b&gt;Assign&lt;/b&gt;, kemudian &lt;b&gt;Close&lt;/b&gt; seperti gambar dibawah ini&lt;/li&gt;
&lt;/ol&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBVfq8OrvYKQbDiiCg4kAgitx-k69URUuI2o1FLHSZbQX9l-wqJ6lSeq-tooBG-BDPHYfWAGjw66lx-Zlrybgr8m9sFmyMqsm1gM-miYc_heG-wbCjN0W8FMBZVE5_IUcscUkbyODLN0VovX-9KfkcaxdIl19dI8it4FU-626x52h73VmTomRzb9GayM/s1600/g10_assign.jpg&quot; style=&quot;display: block; padding: 1em 0px; text-align: center;&quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;806&quot; data-original-width=&quot;1018&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBVfq8OrvYKQbDiiCg4kAgitx-k69URUuI2o1FLHSZbQX9l-wqJ6lSeq-tooBG-BDPHYfWAGjw66lx-Zlrybgr8m9sFmyMqsm1gM-miYc_heG-wbCjN0W8FMBZVE5_IUcscUkbyODLN0VovX-9KfkcaxdIl19dI8it4FU-626x52h73VmTomRzb9GayM/s1600/g10_assign.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Pada contoh diatas kita sudah berhasil manambahkan symbol huruf pegon &lt;b&gt;G&lt;/b&gt; &lt;span class=&quot;arab&quot;&gt;(ڮ)&lt;/span&gt; dari font amiri + Layout Keyboard Arab Pegon Al Bantaniy (Bahrain). Jadi ketika kita mau menulis huruf pegon &lt;b&gt;G&lt;/b&gt; &lt;span class=&quot;arab&quot;&gt;(ڮ)&lt;/span&gt; kita tinggal menekan kombinasi tombol &lt;b&gt;Alt+K&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;note&quot;&gt;&lt;b&gt;CATATAN:&lt;/b&gt; Lakukan langkah yang sama seperti pada poin Nomor 5 ketika kita mau menambahkan karakter huruf / symbol baru&lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Kemudian setelah tahap demi tahap dalam “seting aplikasi Microsoft Word” diatas telah selesai dengan benar, selanjutnya Alhamdulillah kita sudah bisa memulai menulis Arab Pegon dengan baik dan benar sesuai dengan kebutuhan pembelajaran&lt;/p&gt;

&lt;h2&gt;Tahap 4: Praktik Menulis Arab dan Arab Pegon&lt;/h2&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Dalam praktik penulisan arab pegon, bagi yang belum hafal atau terbiasa dengan tata letak huruf-hurufnya bisa memanfaatkan aplikasi On-Screen Keyboard (bawaan Windows), seperti pada gambar dibawah ini:&lt;/p&gt;

&lt;h3&gt;Cara 1: Keyboard Layout Arab Pegon Al Bantaniy (Bahrain)&lt;/h3&gt;
&lt;!--gambar 1--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd88UqhhWC934BLdhw-QXUBa96uX3znuTwdDppryV5sla6wi_yizIg3806It5tCTOzhxLkNflRjbDdXQ5A4i6rMPqaLqfQqxGTEGHkqOU81mQmz6N6RjUrqpXeeXDgdgdJ8o2xS62w0xK-wMQOkErdisaFu5RWe7MMOFgtgw3AK3UEipyyTIDEOiXAxjw/s1600/g11_keyboard_albantaniy_amiri.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;686&quot; data-original-width=&quot;1202&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd88UqhhWC934BLdhw-QXUBa96uX3znuTwdDppryV5sla6wi_yizIg3806It5tCTOzhxLkNflRjbDdXQ5A4i6rMPqaLqfQqxGTEGHkqOU81mQmz6N6RjUrqpXeeXDgdgdJ8o2xS62w0xK-wMQOkErdisaFu5RWe7MMOFgtgw3AK3UEipyyTIDEOiXAxjw/s1600/g11_keyboard_albantaniy_amiri.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;

&lt;!--gambar 2--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-u1WgZA1t-xn3CVmbnHZP8QS6u7Am5kcUkSnxvmLsOTBUnPXp3WLWwqxprHwS99llWOljKe3jpkAWYfNEqD6IwcSVMjgyi6RSgr0IkZFVOk_ZoiXuy9UCUlwv8AfNjAQIXkHevmMdNQOHkEh-fgPmUcUGxNSHpmeFDtdb6E5f9QeYLxJ3LXSUiz-EmUo/s1600/g12_keyboard_al_bantani_arab_pegon_pesantrem.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;686&quot; data-original-width=&quot;1214&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-u1WgZA1t-xn3CVmbnHZP8QS6u7Am5kcUkSnxvmLsOTBUnPXp3WLWwqxprHwS99llWOljKe3jpkAWYfNEqD6IwcSVMjgyi6RSgr0IkZFVOk_ZoiXuy9UCUlwv8AfNjAQIXkHevmMdNQOHkEh-fgPmUcUGxNSHpmeFDtdb6E5f9QeYLxJ3LXSUiz-EmUo/s1600/g12_keyboard_al_bantani_arab_pegon_pesantrem.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;h3&gt;Cara 2: Keyboard Layout Jawi Aceh&lt;/h3&gt;
&lt;!--gambar 1--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1TOiXZnJKoI-GG02iN_-H1jENeAhc9v6W_9xGaly6xqgZVq3S0J0BT7pN3gCnWDYzgdgLQVomdRAnf-hIp4D1kq-BBK5GTaodm8IDkFaCNx4JdKNoktdPOUCiQzMDhxUKMkM1W3o0ElsVtJHAWGCjPa_9qhoM_r3xUS5sEFf7hqvQHorFfyAbkX6vPRY/s1600/g13-keyboard-jawi-aceh-font-amiri.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;532&quot; data-original-width=&quot;934&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1TOiXZnJKoI-GG02iN_-H1jENeAhc9v6W_9xGaly6xqgZVq3S0J0BT7pN3gCnWDYzgdgLQVomdRAnf-hIp4D1kq-BBK5GTaodm8IDkFaCNx4JdKNoktdPOUCiQzMDhxUKMkM1W3o0ElsVtJHAWGCjPa_9qhoM_r3xUS5sEFf7hqvQHorFfyAbkX6vPRY/s1600/g13-keyboard-jawi-aceh-font-amiri.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;!--gambar 2--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4QyqysivZvuUOZss9QS25Fz5F1XbXFlUiGNrQgSJwOpshL-a5HFK3Qi0qKnBf7aMNwtOZ4_IkaxIjtJnYZwbbEUVlxny4zvkqOvecpJp456rbx2NQRbrmoN4lh4D9-EBLqcuVD52WhFY7lL1v9VY3pmmbjBzCSIVEte8c2QnaNN20zfXX2s-ekOlCdZ0/s1600/g14-keyboard-jawi-aceh-arab-pegon-pesantren.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;524&quot; data-original-width=&quot;936&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4QyqysivZvuUOZss9QS25Fz5F1XbXFlUiGNrQgSJwOpshL-a5HFK3Qi0qKnBf7aMNwtOZ4_IkaxIjtJnYZwbbEUVlxny4zvkqOvecpJp456rbx2NQRbrmoN4lh4D9-EBLqcuVD52WhFY7lL1v9VY3pmmbjBzCSIVEte8c2QnaNN20zfXX2s-ekOlCdZ0/s1600/g14-keyboard-jawi-aceh-arab-pegon-pesantren.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;h3&gt;Cara 3: Keyboard Layout Central Kurdish + Arabic (Saudi Arabia)&lt;/h3&gt;
&lt;!--gambar 1--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cuyrdODorwM1EAtR3w_3UUm05xjyExvOjN0l8acCCxwfEu1hAWmNH3CFRfsS4vf7u2NGKUjClT3w2bog2OGov2_C-0ihYKjeWPzNp3h_gKCtF8uov9uHqKQXopfTEb1piklqbPzWdz1c2Z4XWQDB5RzvFCNu7Vfw-4Nym7L-hdG6s1eg4Dt9iCWI36E/s1600/g15-keyboard-central-kurdish-font-amiri.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;524&quot; data-original-width=&quot;932&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cuyrdODorwM1EAtR3w_3UUm05xjyExvOjN0l8acCCxwfEu1hAWmNH3CFRfsS4vf7u2NGKUjClT3w2bog2OGov2_C-0ihYKjeWPzNp3h_gKCtF8uov9uHqKQXopfTEb1piklqbPzWdz1c2Z4XWQDB5RzvFCNu7Vfw-4Nym7L-hdG6s1eg4Dt9iCWI36E/s1600/g15-keyboard-central-kurdish-font-amiri.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;


&lt;!--gambar 2--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-2T4nBDJ50NEoJ2_OS62RqW-vbrEpdCrJKKmsMer83qj279DqOlUoScS9aUEt2xGAhoQEOvCq8lXsCWiRn00Cqw9If0NHbEw42KEV3Py_RcOzqD6S-FuMaM_5U1jYYdkCiJldpxJz9qRWUD0KLtAWnO54Fs3kDG2NzGr-G1ZSuw1GRx7k_vcRrnG64Q/s1600/g16-keyboard-central-kurdish-arab-pegon-pesantren.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;528&quot; data-original-width=&quot;930&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-2T4nBDJ50NEoJ2_OS62RqW-vbrEpdCrJKKmsMer83qj279DqOlUoScS9aUEt2xGAhoQEOvCq8lXsCWiRn00Cqw9If0NHbEw42KEV3Py_RcOzqD6S-FuMaM_5U1jYYdkCiJldpxJz9qRWUD0KLtAWnO54Fs3kDG2NzGr-G1ZSuw1GRx7k_vcRrnG64Q/s1600/g16-keyboard-central-kurdish-arab-pegon-pesantren.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;


&lt;p style=&quot;text-align: justify&quot;&gt;CATATAN PENTING! Pada keyboar Central Kurdish Untuk menambahkan karakter “tanda sambung” (_) adalah dengan menekan tombol Shift+M. Misal kita akan menambahkan karakter “sambung” pada huruf sesudah mim dan lam seperti contoh dibawah:&lt;/p&gt;
&lt;!--gambar contoh--&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpinHghpkT2-r7-LAjSGbz0J0Pd8CFpDdiHU1H0y6Dx0XKkTyeyBLMPlYazVfHO1Go1Z6Q90MPdZdmyxUYm_4nUC5tLSJnYp_Rhh6iW_Ablw-QNG3VG_Ew9-XmYiOEwAfi-z4hi1W9fglAHdOppVbrjfX-s0nWF6jI2ypMGM759JW6tZcCJuyUmul7lYs/s1600/g17-menambahkan-tanda-sambung-huruf.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;138&quot; data-original-width=&quot;780&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpinHghpkT2-r7-LAjSGbz0J0Pd8CFpDdiHU1H0y6Dx0XKkTyeyBLMPlYazVfHO1Go1Z6Q90MPdZdmyxUYm_4nUC5tLSJnYp_Rhh6iW_Ablw-QNG3VG_Ew9-XmYiOEwAfi-z4hi1W9fglAHdOppVbrjfX-s0nWF6jI2ypMGM759JW6tZcCJuyUmul7lYs/s1600/g17-menambahkan-tanda-sambung-huruf.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;h3&gt;Contoh Hasil Penulisan&lt;/h3&gt;
&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnjxVZeueJK5W_CMj5L5lo2xmYe32EmejlTJ6tZ7K2p3pKNvqbAWr0Kmuuyn1eT7LE-EHhJwvR14FPhAdepgWZ_zQgsVvmA0iy2m2Wv2Af3YWEXD8w4Goz8ViacfigRIJ_dIZv2DjfYvORFDdnz0wBAHcnTr8R78nQo-HdIG7UQFEUFPJHCHcRY57s7xw/s1600/g18-contoh-hasil-penulisan-1.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;440&quot; data-original-width=&quot;950&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnjxVZeueJK5W_CMj5L5lo2xmYe32EmejlTJ6tZ7K2p3pKNvqbAWr0Kmuuyn1eT7LE-EHhJwvR14FPhAdepgWZ_zQgsVvmA0iy2m2Wv2Af3YWEXD8w4Goz8ViacfigRIJ_dIZv2DjfYvORFDdnz0wBAHcnTr8R78nQo-HdIG7UQFEUFPJHCHcRY57s7xw/s1600/g18-contoh-hasil-penulisan-1.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;!--gambar--&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6M25Mhz9b64MHmN0APnbBpmIImLhs7GjA2-oVxFmPrMl6b6Yn3uvfCtZlOSUZxgx40QRRcUOqsjv0WxjWCBdhDYoxwUNPAy0656JLReZShIYmuPOHdou0mvB-hqjO21QVVCTemWtvVB7TgWJHyhP933OgmnQfrcWOM9BMM-qam2k66qqux1DRU7gLYVg/s1600/g19-contoh-hasil-penulisan-2.jpg&quot; style=&quot;display: block; padding: 1em 0; text-align: center; &quot;&gt;&lt;img alt=&quot;&quot; border=&quot;0&quot; data-original-height=&quot;468&quot; data-original-width=&quot;944&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6M25Mhz9b64MHmN0APnbBpmIImLhs7GjA2-oVxFmPrMl6b6Yn3uvfCtZlOSUZxgx40QRRcUOqsjv0WxjWCBdhDYoxwUNPAy0656JLReZShIYmuPOHdou0mvB-hqjO21QVVCTemWtvVB7TgWJHyhP933OgmnQfrcWOM9BMM-qam2k66qqux1DRU7gLYVg/s1600/g19-contoh-hasil-penulisan-2.jpg&quot;/&gt;&lt;/a&gt;&lt;/div&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;&lt;b&gt;Contoh penggunaan font Amiri ketika digunakan untuk menulis di web (web font)&lt;/b&gt;&lt;/p&gt;

&lt;p class=&quot;arab&quot;&gt;
بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِیْمِ، چَارَا مٓڠْهِیْلَاڠْکَانْ ڠَانْـتُوكْ اَدَالَاهْ دٓڠَانْ مٓـمِیْنُومْ کَوْڤِيْ ڤَاهِیْتْ، تَاڤِيْ مِیْنُومْپَا سٓلَاڮِيْ دِیْڠِینْ یَا ...

&lt;/p&gt;

&lt;h2&gt;Analisis Kelebihan dan Kekurangan&lt;/h2&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Kalau kita perhatikan, &lt;b&gt;3 cara diatas sebenarnya sudah sangat bisa diandalkan untuk membuat tulisan arab pegon pada aplikasi Microsoft Word&lt;/b&gt;. Baik dalam bentuk tulisan berharokat maupun tanpa harokat. Oleh karena itu kami coba merangkum dalam beberapa kesimpulan terkait kelebihan dari masing-masing apliksi layout keyboard tersebut&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Layout Keyboard Arab Pegon Al Bantaniy (Bahrain)&lt;/b&gt;&lt;br /&gt;
        Penggunaan layout keyboard ini sangat mudah karena sudah disesuaikan dengan abjad indonesia sehingga sangat memudahkan dalam menulis dan menghafal posisi keyboard (huruf-hurufnya)

        &lt;br /&gt;&lt;br /&gt;
        &lt;b&gt;Kelebihan&lt;/b&gt;
        
      	&lt;ul&gt;
            &lt;li&gt;Posisi tombol huruf arab hampir mendekati layout QWERTY&lt;/li&gt;
            &lt;li&gt;Minimal dibutuhkan 2 custom huruf/symbol;
                &lt;ol&gt;
                    &lt;li&gt;huruf &lt;b&gt;P&lt;/b&gt; &lt;span class=&quot;arab&quot;&gt;(ڤ)&lt;/span&gt;&lt;/li&gt;
                    &lt;li&gt;harokat panjang&lt;/li&gt;
                &lt;/ol&gt;
            &lt;/li&gt;
            &lt;li&gt;Layout sudah mencakup penulisan huruf dan harokat (kombinasi tombol Alt/Shift)&lt;/li&gt;
        &lt;/ul&gt;

        &lt;b&gt;Kekurangan&lt;/b&gt;
        &lt;ul&gt;
            &lt;li&gt;Hanya kompatibel dengan Windows&lt;/li&gt;
            &lt;li&gt;Bentuk karakter tulisan &lt;b&gt;Koma&lt;/b&gt; “&lt;b&gt;,&lt;/b&gt;” masih terbalik (lihat pada contoh Cara 1 pada gambar 1 dan 2 diatas)&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Layout Keyboard Jawi Aceh&lt;/b&gt;&lt;br /&gt;
        Penggunaan layout keyboard ini juga sama-sama mudah karena sudah disesuaikan dengan abjad indonesia sehingga memudahkan juga dalam menulis dan menghafal posisi keyboard huruf-hurufnya
        &lt;br /&gt;&lt;br /&gt;
        &lt;b&gt;Kelebihan&lt;/b&gt;&lt;br /&gt;
        
      	&lt;ul&gt;
            &lt;li&gt;Minimal dibutuhkan 4 custom huruf/symbol:
                &lt;ol&gt;
                    &lt;li&gt;symbol huruf &lt;b&gt;G&lt;/b&gt; &lt;span class=&quot;arab&quot;&gt;(ڮ)&lt;/span&gt;&lt;/li&gt;
                    &lt;li&gt;symbol huruf &lt;b&gt;NY&lt;/b&gt; &lt;span class=&quot;arab&quot;&gt;(پ)&lt;/span&gt;&lt;/li&gt;
                    &lt;li&gt;harokat panjang, dan&lt;/li&gt;
                    &lt;li&gt;harokat panjang&lt;/li&gt;
                &lt;/ol&gt;
            &lt;/li&gt;
            &lt;li&gt;Layout sudah mencakup penulisan huruf dan harokat (kombinasi tombol Alt/Shift)&lt;/li&gt;
        &lt;/ul&gt;
        
      	&lt;b&gt;kekurangan&lt;/b&gt;
        &lt;ul&gt;
            &lt;li&gt;Hanya kompatibel dengan Windows&lt;/li&gt;
            &lt;li&gt;Bentuk karakter tulisan &lt;b&gt;Koma&lt;/b&gt; “,” masih terbalik (lihat contoh &lt;b&gt;Cara 2&lt;/b&gt; pada gambar 1 dan 2 diatas)&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Layout Keyboard Central Kurdish + Arabic (Saudi Arabia)&lt;/b&gt;&lt;/li&gt;&lt;br /&gt;
    Penggunaan kombinasi 2 layout tersebut juga sama sama mudah digunakan, karena posisi huruf arah sudah banyak yang menyamai abjad indonesia sehingga memudahkan dalam menghafal dan menulisnya.
    &lt;ul&gt;
        &lt;li&gt;&lt;b&gt;Keyboard Central Kurdish - Khusus untuk menulis&lt;/b&gt;&lt;br /&gt;
            Penggunaan layout keyboard ini juga sama-sama mudah, akan tetapi hanya bisa digunakan untuk menulis saja karena tidak include dengan harokat
        &lt;/li&gt;
        &lt;li&gt;&lt;b&gt;Keyboard Arabic (Saudi Arabia) – Digunakan untuk memberi harokat&lt;/b&gt;&lt;br /&gt;
            Sebenarnya layout keyboard ini bisa juga digunakan untuk menulis, akan tetapi karena hampir semua letak huruf-hurufnya tidak sesuai dengan abjad Indonesia (AZERTY), jadi kita mamanfaatkannya hanya untuk menambahkan harokat saja&lt;br /&gt;&lt;br /&gt;
        &lt;b&gt;Kelebihan&lt;/b&gt;
        &lt;ol&gt;
            &lt;li&gt;Posisi tombol huruf arab hampir mendekati layout QWERTY&lt;/li&gt;
            &lt;li&gt;Minimal dibutuhkan 6 custom huruf/symbol
                &lt;ol&gt;
                    &lt;li&gt;huruf &lt;b&gt;C&lt;/b&gt;, &lt;span class=&quot;arab&quot;&gt;(چ)&lt;/span&gt;&lt;/li&gt;
                    &lt;li&gt;huruf &lt;b&gt;G&lt;/b&gt;, &lt;span class=&quot;arab&quot;&gt;(ڮ)&lt;/span&gt;&lt;/li&gt;
                    &lt;li&gt;huruf &lt;b&gt;NY&lt;/b&gt;, &lt;span class=&quot;arab&quot;&gt;(پ)&lt;/span&gt;&lt;/li&gt;
                    &lt;li&gt;huruf &lt;b&gt;NG&lt;/b&gt;, &lt;span class=&quot;arab&quot;&gt;(ڠ)&lt;/span&gt;&lt;/li&gt;
                    &lt;li&gt;harokat panjang&lt;/li&gt;
                    &lt;li&gt;harokat pepet&lt;/li&gt;
                &lt;/ol&gt;
            &lt;/li&gt;
            &lt;li&gt;Bentuk karakter tulisan &lt;b&gt;Koma&lt;/b&gt; “&lt;b&gt;,&lt;/b&gt;” sesuai dengan yang diharapkan (lihat pada contoh Cara 3 pada gambar 1 dan 2 diatas)&lt;/li&gt;
            &lt;li&gt;Mendukung system operas Windows, Mac OS, Linux, Chrome OS, sehingga tidak tergantung kepada satu OS Windows saja&lt;/li&gt;
        &lt;/ol&gt;

        &lt;b&gt;Kekurangan&lt;/b&gt;
        &lt;ul&gt;
            &lt;li&gt;Butuh banyak penyesuaian karena banyaknya custom huruf/symbol pegon yang tidak terdapat secara default, dengan penambahan 6 custom symbol&lt;/li&gt;
            &lt;li&gt;Untuk memberi harokat harus pindah layout keyboard dulu ke keyboard &lt;b&gt;Arabic (Saudi Arabia)&lt;/b&gt; dengan kombinasi tombol &lt;b&gt;Windows+Space&lt;/b&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/ol&gt;

&lt;h2&gt;Tabel: Hasil Perbandingan&lt;/h2&gt;

&lt;div class=&quot;notification-box info&quot;&gt;Hasil perbandingan Font &lt;b&gt;AMIRI&lt;/b&gt; dan &lt;b&gt;Arab Pegon Pesantren&lt;/b&gt; jika dikombinasikan dengan 3 Aplikasi Layout Keyboard diatas adalah sebagaimana dalam tabel dibawah ini:&lt;/div&gt;

&lt;div style=&quot;overflow-x: auto;&quot;&gt;
    &lt;table class=&quot;table&quot;&gt;
        &lt;thead&gt;
            &lt;tr&gt;
                &lt;th style=&quot;text-align: center; vertical-align: middle;&quot;&gt;Aspek &lt;br/&gt; Perbandingan&lt;/th&gt;
                &lt;th style=&quot;text-align: center; vertical-align: middle;&quot;&gt;(Apps) Keyboard Jawi Aceh&lt;/th&gt;
                &lt;th style=&quot;text-align: center; vertical-align: middle;&quot;&gt;(Apps) Keyboard &lt;br/&gt;Pegon Al Bantaniy (Bahrain)&lt;/th&gt;
                &lt;th style=&quot;text-align: center; vertical-align: middle;&quot;&gt;Kombinasi Kyeboard&lt;br/&gt;Central Kurdhis + Arabic (Saudi Arabia)&lt;/th&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
            &lt;tr&gt;
                &lt;td style=&quot;text-align: left; vertical-align: middle;&quot;&gt;&lt;b&gt;Kompatibilitas &lt;br/&gt; System&lt;/b&gt;&lt;/td&gt;
                &lt;td&gt;Windows&lt;/td&gt;
                &lt;td&gt;Windows&lt;/td&gt;
                &lt;td&gt;Windows, Linux, MacOS, Chrome OS&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td style=&quot;text-align: left; vertical-align: middle;&quot;&gt;&lt;b&gt;Asal / Desain Awal&lt;/b&gt;&lt;/td&gt;
                &lt;td&gt;Disesuaikan untuk bahasa Aceh berbasis Arab Jawa&lt;br /&gt;&lt;br /&gt;
                    Rilis: _&lt;/td&gt;
                &lt;td&gt;Dirancang khusus untuk penulisan Arab Pegon&lt;br /&gt;&lt;br /&gt;
                    Rilis: Desemeber 2012&lt;/td&gt;
                &lt;td&gt;Untuk bahasa Kurdi Sorani (berbasis huruf Arab)&lt;br /&gt;&lt;br /&gt;
                    Rilis: Include Repository OS (Windows, Chrome OS, Linux, MacOS)&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
            &lt;td style=&quot;text-align: left; vertical-align: middle;&quot;&gt;&lt;b&gt;Aksebilitas &lt;br/&gt; Umum&lt;/b&gt;&lt;/td&gt;
                &lt;td&gt;Perlu instal manual / download dulu   dari internet&lt;/td&gt;
                &lt;td&gt;Perlu instal manual / download dulu dari internet&lt;/td&gt;
                &lt;td&gt;Bawaan dari System / Tinggal Menambahkan bahasa dari pengaturan system (Windows, Linux, Chrome OS, Mac OS)&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td style=&quot;text-align: left; vertical-align: middle;&quot;&gt;&lt;b&gt;Ketersediaan huruf  &lt;br/&gt;pegon khusus&lt;/b&gt;&lt;/td&gt;
                &lt;td&gt;Lengkap, (&lt;b&gt;C G P NY NG&lt;/b&gt;), dengan beberapa harus custom symbol + kombinasi tombol Alt/Shift&lt;br /&gt;&lt;br /&gt;
                    Catatan: Penulisan karakter / tanda &lt;b&gt;KOMA&lt;/b&gt; “&lt;b&gt;,&lt;/b&gt;” masih terbalik / kurang pas&lt;/td&gt;
                &lt;td&gt;Lengkap, (&lt;b&gt;C G P NY NG&lt;/b&gt;), dengan sedikit custom symbol + kombinasi tombol Alt/Shift&lt;br /&gt;&lt;br /&gt;
                    Catatan: Penulisan karakter / tanda &lt;b&gt;KOMA&lt;/b&gt; “&lt;b&gt;,&lt;/b&gt;” masih terbalik / kurang pas&lt;/td&gt;
                &lt;td&gt;Lengkap, dengan lebih banyak custom symbol + kombinasi Alt+Shift dsb.&lt;br /&gt;&lt;br /&gt;
                    Catatan: Penulisan karakter / tanda &lt;b&gt;KOMA&lt;/b&gt; “&lt;b&gt;,&lt;/b&gt;” sudah sesuai (tidak terbalik)&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td style=&quot;text-align: left; vertical-align: middle;&quot;&gt;&lt;b&gt;Posisi &lt;br/&gt;huruf Pegon&lt;/b&gt;&lt;/td&gt;
                &lt;td&gt;Mirip dan banyak yang sesuai, karena Mengikuti standar Jawi (dibutuhkan setidaknya 4 custom symbol)&lt;/td&gt;
                &lt;td&gt;Sesuai karena Disusun sesuai familiaritas penutur Jawa / Sunda (dibutuhkan setidaknya 2 custom symbol)&lt;/td&gt;
                &lt;td&gt;Ada beberapa yang tidak sesuai, karena untuk bahasa kurdi (dibutuhkan setidaknya 6 custom symbol)&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td style=&quot;text-align: left; vertical-align: middle;&quot;&gt;&lt;b&gt;Kemudahan &lt;br/&gt; Menulis&lt;/b&gt;&lt;/td&gt;
                &lt;td&gt;Mudah, karena untuk menambahkan harokat cukup dengan menekan tombol Shift + E, R, Y, U, O, A Jadi kita bisa menulis dan memberi harokat hanya dengan Layout Keyboard yang sama&lt;br /&gt;&lt;br /&gt;
                    Catatan:&lt;br /&gt;Bagi yang biasa menulis dengan cara: menulis hurufnya dulu baru diberi harokat, akan sedikit merepotkan karena kombinasi jarak tombol yang jauh (butuh 2 tangan kiri-kanan)&lt;/td&gt;
                &lt;td&gt;Mudah, karena untuk menambahkan harokat cukup dengan menekan tombol Shift + Q, W, E, R, A , S, X Jadi kita bisa menulis dan memberi harokat hanya dengan Layout Keyboard yang sama&lt;br /&gt;&lt;br /&gt;
                    Catatan: Bagi yang biasa menulis dengan cara: menulis hurufnya dulu baru diberi harokat, akan ebih mudah karena kombinasi jarak tombol yang dekat (butuh 1 tangan kiri)&lt;/td&gt;
                &lt;td&gt;Butuh penyesuaian karena untuk menambahkan harokat harus ganti layout keyboard dulu ke Arabic (tombol harokat sama dengan Keyboard Arab Pegon Al Bantaniy)&lt;br /&gt;&lt;br /&gt;
                    Menulis → Central Kurdish&lt;br /&gt;
                    Harokat → Arabic (Saudi Arabia)&lt;br /&gt;&lt;br /&gt;
                    Catatan: Bagi yang biasa menulis dengan cara: menulis hurufnya dulu baru diberi harokat, harus pindah keyboard Arabic dulu (Windows + Space) ke Arabic untuk menambahkan harokat&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;
&lt;/div&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Dari tiga macam cara yang digunakan dalam menulis huruf arab pegon diatas, semuanya memiliki kelebihan dan kekurangan masing-masing. Dari perbandingan tabel diatas, dalam praktik sehari-hari ketiga-tiga aplikasi layout keyboard diatas jika dipadukan dengan Font Amiri dan Font Arab Pegon Pesantren sudah sangat BISA UNTUK MENULIS ARAB PEGON DENGAN SEMPURNA. Pilihan kembali kepada preferensi masing-masing. Adapun alasan kami memilih cara-cara diatas adalah:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Font Amiri:&lt;/b&gt;&lt;br /&gt;
        Font ini lebih mendekati kepada kaidah khot naskhi dan punya karakter pegon yang lengkap. Sehingga jika peserta didik terbiasa dengan font tersebut, akan lebih memudahkan dalam belajar kaligrafi khot naskhi. Dan yang lebih penting bersifat open souce (gratis dan bebas digunakan)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Font Arab Pegon Pesantren&lt;/b&gt;&lt;br /&gt;
        Font ini juga bagus karena bentuk fontnya juga mendekati kaidah khot naskhi dan memiliki karakter huruf pegon yang lengkap, akan tetapi ada satu karakter yakni &lt;b&gt;tanda KOMA&lt;/b&gt; “&lt;b&gt;,&lt;/b&gt;” yang terbalik sehingga mengurangi estetika dan kurang pas untuk Penulisan Karya Ilmiah. Dan font ini juga bersifat open souce (gratis dan bebas digunakan)&lt;br /&gt;&lt;br /&gt;
        
        Contoh dalam penulisan tanda KOMA “,” ketika memakai 3 aplikasi layout tersebut adalah adalah sebegai berikut:
        &lt;ul&gt;
            &lt;li&gt;Font Arab Pegon Pesantren + Keyboard Jawi Aceh: &lt;b&gt;Terbalik&lt;/b&gt;&lt;/li&gt;
            &lt;li&gt;Font Arab Pegon Pesantren + Keyboard Arab Pegon Al Bantniy: &lt;b&gt;Terbalik&lt;/b&gt;&lt;/li&gt;
            &lt;li&gt;Font Arab Pegon Pesantren + Keyboard Central Kurdish: &lt;b&gt;Sesuai&lt;/b&gt;&lt;/li&gt;
            &lt;li&gt;Font Amiri + Keyboard Jawi Aceh: &lt;b&gt;Terbalik&lt;/b&gt;&lt;/li&gt;
            &lt;li&gt;Font Amiri + Keyboard Arab Pegon Al Bantniy	: &lt;b&gt;Terbalik&lt;/b&gt;&lt;/li&gt;
            &lt;li&gt;Font AMiri + Keyboard Central Kurdish: &lt;b&gt;Sesuai&lt;/b&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Keyboar Arab Pegon Al Bantaniy&lt;/b&gt;&lt;br /&gt;
        Layout Keyboard ini sebenarnya sangat bagus dan sangat kami rekomendasikan untuk penulisan arab pegon. Karena keyboard inilah yang paling mudah digunakan dengan segala kelebihannya. Hanya saja ketika font arabic yang ditulisa menggunakan keyboard tersebut, &lt;b&gt;tanda KOMA&lt;/b&gt; “&lt;b&gt;,&lt;/b&gt;” menjadi terbalik. Mungkin sampai saat tulisan ini kami tulis, kami masih belum menemukan versi terbaru dari aplikasi keyboard tersebut. Mudah-developer segera merespor dengan merilis update versi terbaru yang lebih sempurna.
    &lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Keyboar Jawi Aceh:&lt;/b&gt;&lt;br /&gt;
        Sepanjang pengalaman penulis bereksperiman dengan tulisan dan font-font arabic, Keyboard ini hampir sama dengan Keyboar Arab Pegon Al Bantani, hanya saja letak tombol harokat yang jauh, butuh jangkauan dengan memakai dua tangan. Sehingga kita yang terbiasa menulis hurufnya dulu baru kemudian memberi harokat akan menyulitkan karena posisi tangan kanan disamping untuk memberi harokat juga harus berfungsi sebagai kontrol tombol kiri-kanan atas-bawah
    &lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Keyboard Central Kurdish + Arabic (Saudi Arabia)&lt;/b&gt;&lt;br /&gt;
        Secara umum lebih sulit dari kedua aplikasi layout keyboard diatas, karena butuh banyak penyesuaian dan banyak penambahan custom symbol sebagaimana penjelasan diatas. Akan tetapi bagi yang ingin bentuk tulisan sempurna dengan berbagai karakter arabic, termasuk penulisan &lt;b&gt;tanda Koma&lt;/b&gt; “&lt;b&gt;,&lt;/b&gt;” &lt;b&gt;yang tidak terbalik&lt;/b&gt; (sempurna), tidak ada salahnya untuk mencobanya
    &lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Kesimpulan&lt;/h2&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Tulisan ini membekali keterampilan teknis dalam menulis huruf Arab Pegon menggunakan Aplikasi Office (Microsoft Word) pada System Operasi Windows secara optimal. Yang sebagian juga bisa diaplikasikan pada System Operasi Lain seperti Libre Office (Linux), Google Doc (Chrome OS) dan Pages (MacOS) dengan kelebihan dan kekurungan masing-masing. Karena penguasaan menulis Arab dan Arab Pegon secara digital dengan baik dan benar di era modern saat ini juga bagian dari bentuk pelestarian budaya literasi Islam sekaligus meningkatkan profesionalitas dalam pembelajaran diniyah berbasis TIK&lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Dalam menentukan penulisan arab dan arab pegon yang baik dan benar, setidaknya hal PENTING yang perlu diperhatikan adalah &lt;b&gt;pemilihan FONT yang mendukung karakter pegon lengkap dan LAYOUT KEYBOARD yang digunakan&lt;/b&gt;. Sehingga hasil kesimpulan kami:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;Font &lt;b&gt;Amiri&lt;/b&gt; dan Font &lt;b&gt;Arab Pegon Pesantren&lt;/b&gt;, sama-sama mempunyai karakter pegon yang lengkap, font ini sangat kami rekomendasikan untuk penulisan arab dan arab pegon karena sifatnya yang Open Source (gratis dan bebas digunakan)&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Aplikasi Layout Keyboard Arab Pegon Al Bantaniy&lt;/b&gt;, salah satu keyboard yang paling mudah digunakan untuk menulis arab dan arab pegon, baik dengan harokat ataupun tanpa harokat dalam satu layout keyboard. Kuranganya dalam penulisan tanda koma “,” masih terbalik. Meskipun bukan merupakan kekurangan yang fatal, akan tetapi bisa mengurangi estetika gaya penulisan terlebih dalam penulisan karya ilmiah dsb&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Aplikasi Layout Keyboard Jawi Aceh&lt;/b&gt;, hampir sama dengan keyboard Arab Pegon Al Bantaniy, sehingga mudah digunakan untuk menulis arab dan arab pegon, baik dengan harokat ataupun tanpa harokat dalam satu layout keyboard. Kekuranganya sama yakni dalam penulisan tanda koma “,” masih terbalik.&lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Keyboard Central Kurdish + Arabic (Saudi Arabia)&lt;/b&gt;, kombinasi keyboard ini dalam praktiknya nanti adalah:&lt;br /&gt;&lt;br /&gt;
    &lt;b&gt;Central Kurdish&lt;/b&gt;: Khusus untuk menulis arab dan arab pegon&lt;br /&gt;
    &lt;b&gt;Arabic (Saudi Arabia)&lt;/b&gt;: Digunakan untuk menambahkan harokat&lt;br /&gt;&lt;br /&gt;
    
    Kombinasi keyboard ini dalam penulisan arab pegon lebih banyak penyesuaian dibandingkan dua keyboard diatas. Kekurangannya ketika akan menambahkan harokat juga harus berpindah layout keyboar dulu ke Arabic (Saudi Arabia) dengan menekan kombinasi tombol Windows+Space. Akan tetapi dalam praktiknya, hasil tulisan lebih bagus dan lebih sempurna dibandingkan kedua keyboard diatas termasuk penulisan tanda KOMA “,” yang tidak terbalik.
    &lt;/li&gt;
&lt;/ol&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Dari berbagai kelebihan dan kekurangan diatas, dapat kami simpulkan lebih spesifik ketika kita akan meng-optimalisasikan aplikasi Microsf Word dalam menulis arab dan arab pegon adalah &lt;b&gt;terletak pada aplikasi Layout Keyboard apa yang digunakan&lt;/b&gt;. Karena akan memepengaruhi akan hasil tulisan kita. Oleh karena itu, opsi dari kami:&lt;/p&gt;

&lt;ol&gt;
    &lt;li&gt;&lt;b&gt;Untuk Pemilihan Font&lt;/b&gt;; kami merekomendasikan font Amiri, font yang mendekati kaidah khot naskhi yang memiliki karakter pegon lengkap dan juga symbol yang lebih banyak daripada font Arab Pegon Pesantren. Sehingga kita bisa lebih banyak memilih model dan gaya tulisan yang bermacam-macam dengan font Amiri tersebut (tentunya dengan cara menambahkan custom symbol lagi) dan terlebih sifatnya yang Free dan Open Source (gratis, bebas digunakan bahkan bebas untuk dimodifikasi lagi).&lt;br /&gt;&lt;br /&gt;
    
    Info terkait font Amiri lebih lanjut, silahkan lihat di https://github.com/aliftype/amiri, dan sampai saat tulisan ini ditulis, kami masih belum menemukan situs resmi dari pengembang(developer) font Arab Pegon Pesantren
    &lt;/li&gt;
    &lt;li&gt;&lt;b&gt;Untuk penggunaan aplikasi Keyboar Layout&lt;/b&gt;; Ketiga-tiganya sama-sama bagus dan mudah digunakan. Silahkan pilihan disesuaikan dengan preferensi dan kebiasaan masing-masing, sesuai dengan peruntukan tulisan yang nanti akan dibuat&lt;/li&gt;
&lt;/ol&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Sehingga nantinya pembimbing dapat menghadirkan suasana kelas yang lebih hidup, mendorong keterlibatan siswa, dan menumbuhkan semangat belajar yang lebih tinggi lewat kreatifitas penggunaan aplikasi Office (Microsoft Word). Serta bisa menciptakan proses pembelajaran tidak lagi monoton, tetapi lebih dinamis dan bermakna. Oleh karena itu, penguasaan Aplikasi Office bukan hanya pilihan, melainkan kebutuhan strategis bagi setiap pembimbing ataupun guru di era pendidikan modern ini&lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Terakhir sebagai penutup dalam tulisan ini, saran dari kami: pilihlah cara yang paling mudah yang sesuai dengan preferensi dan masing-masing. &lt;b&gt;Karena cara-cara dalam tulisan ini, hanya diperuntukkan khusus bagi pemula. Dan bagi yang sudah mahir, dimohon untuk bisa membantu yang lain supaya kreatifitas dan inovasi tidak terhambat&lt;/b&gt;&lt;/p&gt;

&lt;p style=&quot;text-align: justify&quot;&gt;Sekian tulisan ulasan terkait &lt;a href=&quot;https://www.diniyah.my.id/&quot;&gt;Cara Optimalisasi Penulisan Arab dan Arab Pegon di Microsoft Word&lt;/a&gt; ini, Semoga bermanfaat&lt;/p&gt;

</content><link rel='replies' type='application/atom+xml' href='https://www.diniyah.my.id/feeds/5709974758001274992/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='https://www.diniyah.my.id/2025/05/cara-optimalisasi-penulisan-arab-dan-arab-pegon-di-microsoft-word.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5709974758001274992'/><link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/923149595703032590/posts/default/5709974758001274992'/><link rel='alternate' type='text/html' href='https://www.diniyah.my.id/2025/05/cara-optimalisasi-penulisan-arab-dan-arab-pegon-di-microsoft-word.html' title='Cara Menulis Arab dan Arab Pegon Di Microsoft Word'/><author><name>Husein Mabrur</name><uri>http://www.blogger.com/profile/13143170879172127011</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='30' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IQwCvROHZ1qhVwTCtYtRudnAxB7Kv500AYp4C_JEVr7xbwovvRAy7633BmZS69oE8JNFFVSB8dirJNn-v3SDpdOJLqP3J72ERsw1Kvlcja2z92CJl3qfS9JLAUIgFOSmFnvZ2Rk9V5rMQAh3XL5vjASk_A_9Vz0zxonP1qtFoO-0OQ/s220/photo-profil-blog.png'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMMxwo2FBx-OQnwXjGiBhXuDELbggoTnBTeaqDlymiRw9ErkRONAiuv7ZPnl5J4ekXJYvGksz2xaWhE0x2Ls9V8XVPi8imBalXB50MTWexkYcocN2GyDmjRwo70aw8qvM2R5Y27F46RM4VZf7PNXHkwfgIPF_DmSEFwjVoM6N-hxS3blZMzM3KQ-rPfos/s72-c/cover-optimalisasi-penulisan-arab-dan-arab-pegon-di-microsoft-word.png" height="72" width="72"/><thr:total>0</thr:total></entry></feed>