Article Archive For Month : 2026

Home > Archives for 2026

Sekali Lagi Tentang Niat Puasa, Karena Kalian Memaksa Berniat Dengan Bahasa Arab

<div style="margin: 0px auto; max-width: 1400px; text-align: center;"><h1 style="line-height: 1.3; margin-bottom: 14px;"><span style="color: #2c2416; font-family: Lora, Georgia, serif;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_WMPclzXUiuvopperBYz1uHyWUXoPZqPDmpANKVr20EKnwqCpzITlQAB3THQUA9FFD2LFqXVF5kkZ-kt6qK2VyqMO7FC_2CrMCL1GONiGR1xc3ATAaPB1hRNtYTtsKDzNRDsrP0e4zldrvnwyy2si-xL-xMXpf_Cn6DMTk0K871UNkavS030Kb1LD82n/s564/ramadhan.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="564" data-original-width="564" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_WMPclzXUiuvopperBYz1uHyWUXoPZqPDmpANKVr20EKnwqCpzITlQAB3THQUA9FFD2LFqXVF5kkZ-kt6qK2VyqMO7FC_2CrMCL1GONiGR1xc3ATAaPB1hRNtYTtsKDzNRDsrP0e4zldrvnwyy2si-xL-xMXpf_Cn6DMTk0K871UNkavS030Kb1LD82n/w400-h400/ramadhan.jpg" width="400" /></a></div><br /><span style="font-size: 28px;"><br /></span></span></h1><h1 style="line-height: 1.3; margin-bottom: 14px;"><span style="color: #2c2416; font-family: Lora, Georgia, serif;"><span style="font-size: 28px;">Sekali Lagi Tentang <br /></span></span><span style="font-family: Lora, Georgia, serif;"><span style="color: #2c2416;"><span style="font-size: 28px;">Niat Puasa Ramadhan<br /></span></span></span><span style="color: #5c4d3c; font-family: Lora, Georgia, serif; font-size: 16px;">Karena Kalian Memaksa Berniat Dengan Bahasa Arab</span></h1>

<div style="align-items: center; display: flex; gap: 10px; justify-content: center; margin-bottom: 22px;">
      
      <div style="align-items: center; background: rgb(139, 115, 85); border-radius: 50%; color: white; display: flex; font-weight: bold; height: 40px; justify-content: center; width: 40px;">
        S
      </div>
      
      <div style="text-align: left;">
        <div style="color: #2c2416; font-weight: 600;">Subhan Hidayat</div>
        <div style="color: #8b7355; font-size: 14px;">19 Februari 2026</div>
      </div>

</div>
  </div>

<div style="line-height: 1.8; margin: 0px auto; max-width: 1300px;">
    
    <p style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 17px;"><br /></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Saya mulai blogging sejak 2011. Sebelum kenal blog saya sudah pernah menulis tentang niat puasa yang saya bagikan dalam bentuk lembaran kepada santri. </span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Setelah mengenal blog, saya jadikan tulisan itu menjadi salah satu artikel blog. Sudah banyak pula komentar yang saya terima. Alhamdulillah saya senang atas komentar komentar itu walaupun ada yang bernada negatif. </span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Ada yang berkomentar- saya sok tau. </span></span><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Ada yang bilang artikel saya hanya bikin bingung orang awam saja, bikin ribet. Padahal menurut saya mestinya mereka tidak awam, karena berniatnya saja pake bahasa Arab.  </span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Yang terbaru ada yg menuduh artikel saya cuma copas artikel orang lain.</span></span></p><h2 style="color: #2c2416; font-family: Lora, Georgia, serif; font-size: 22px; margin: 26px 0px 10px;">Karena Kalian Berniat Memakai Bahasa Arab</h2><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Bagi saya, persoalan niat puasa ini sebenarnya cukup jelas. Karena itu, saya tidak merasa perlu untuk menyalin pendapat orang lain (copas) dalam menjelaskannya.</span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Saya tegaskan, tulisan ini sama sekali tidak dimaksudkan untuk mempertanyakan keabsahan puasa siapa pun. Niat letaknya dihati. Karena itu niat dalam bahasa apa pun tetap sah. </span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Yang saya soroti hanyalah aspek tata bahasa Arabnya. <i><b>Karena kalian mengucapkan niat dengan bahasa Arab</b></i>. Bahkan disiar siarkan di televisi. Tentu wajar jika ada perhatian terhadap ketepatan bahasanya. Jika niat tersebut disampaikan dalam bahasa Indonesia, mungkin pembahasan seperti ini tidak perlu muncul.</span></span></p>

<h2 style="color: #2c2416; font-family: Lora, Georgia, serif; font-size: 22px; margin: 26px 0px 10px;">1<i>. Lahn</i> Dihindari Seperti Dosa
    </h2>

<p style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Ada <i>lahn</i> dalam niat yang kalian baca. Dan <i>lahn</i> tidak boleh dinormalkan. Harus dibetulkan. Maka sekali lagi saya tulis lagi tema ini. Semoga bisa lebih difahami.</p><p style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"><i>Lahn</i> artinya keliru dalam pengucapan bahasa Arab, atau ucapan yang tidak sesuai dengan kaidah bahasa Arab. Misalnya kata harusnya dibaca <i>dommah</i>, tetapi dibaca <i>fathah</i>.</p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Para generasi salaf menghindari <i>lahn</i> seperti menghindari dosa. Karena <i>lahn</i> bisa merusak makna secara fatal. </span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Ayyub As Sakhtiyani seorang ulama salaf pernah membaca hadis, tetapi ia <i>lahn</i>. Ketika menyadarinya, iya berkata <i>astaghfirullah</i>. Istighfar itu diucapkan untuk suatu dosa. Seakan akan Ayyub menganggap kesalahannya dalam membaca hadis itu berdosa. </span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Imam Asmu'i bahkan berpendapat, orang yang membaca hadis dengan <i>lahn</i> sama saja ia telah berdusta kepada Rasulullah.</span></p>

<h2 style="color: #2c2416; font-family: Lora, Georgia, serif; font-size: 22px; margin: 26px 0px 10px;">2. Melafalkan Niat Puasa Yang Betul</h2><p style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Perlu diketahui ada beberapa redaksi niat yang sering dibaca ketika Ramadhan, antara lain  : </p><p><span style="font-family: Lora, Georgia, serif;"><span style="font-size: 18px;"><i><b><span style="color: #3d3428;">Pertama : Ramadho</span><span style="color: #2b00fe;"><u>na</u> </span><span style="color: #3d3428;">Hadzihis Sana</span><u><span style="color: #2b00fe;">ti</span></u></b></i></span></span></p>

<div style="background: rgba(139, 115, 85, 0.08); border-right: 4px solid rgb(139, 115, 85); font-family: Lora, Georgia, serif; font-size: 18px; margin: 20px 0px; padding: 12px;">
      <p style="direction: rtl; font-family: Amiri, Georgia, serif; font-size: 22px; line-height: 2; margin: 0px; text-align: right;"><span style="color: #3d3428;">
        نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَا</span><b><span style="color: #2b00fe;">نَ</span></b><span style="color: #3d3428;"> هَذِهِ السَّنَـــ</span><b><span style="color: #2b00fe;">ةِ</span></b><span style="color: #3d3428;"> لله تعالى
      </span></p>
    </div>

<p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Niat ini termasuk yang paling banyak dibaca oleh masyarakat. Namun demikian, secara kaidah bahasa, redaksinya <b>justru paling jauh dari ketentuan yang benar </b>(mengandung <i>lahn</i>).</span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Mengapa redaksi tersebut kurang tepat / salah?</span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Karena kata <i>Ramadhāna</i> tidak lagi menjadi bagian dari <i>iḍāfah</i> (tidak berstatus sebagai <i>muḍāf</i>). Oleh sebab itu, tidak ada alasan untuk menjadikan <i>hādhihis-sanati</i> dalam kedudukan jar (kasrah). Sebab ia bukan lagi <i>muḍāf ilaih</i>.</span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Apa yang menandakan </span></span><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"><i>Ramadhāna </i>tidak lagi menjadi mudhaf ?  Itu lihatlah harokat <i>fathah</i>nya<i>. </i></span><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Ramadhān adalah <i>isim ghair munsharif</i>. Harokatnya ketika <i>jar </i>hanya ada dua kemungkinan: </span></p><p></p><ul style="text-align: left;"><li><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Bila <i>fathah</i>, berarti tidak ada mudhof ilaih dibelakangnya.  Putus dari status <i>idhofah</i>.</span></li><li><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Bila <i>kasrah</i>, berarti ada <i>mudhof ilaih</i> dibelakangnya. Maka lafadz </span><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Ramadhān berstatus sebagai</span><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"> mudhof.</i></li></ul><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Penjelasan seperti ini, semestinya sudah bisa dipahami dengan mudah oleh siapa saja yang pernah belajar ilmu Nahwu. Apalagi seorang ustadz. Mestinya masalah ini sudah selesai.</span></span><p></p><p><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"><b><br /></b></i></p><p><i style="font-family: Lora, Georgia, serif; font-size: 18px;"><b><span style="color: #3d3428;">Kedua : Ramadho</span><span style="color: #2b00fe;"><u>na</u> </span><span style="color: #3d3428;">Hadzihis Sana</span><u><span style="color: #2b00fe;">ta</span></u></b></i></p><div style="background: rgba(139, 115, 85, 0.08); border-right: 4px solid rgb(139, 115, 85); font-family: Lora, Georgia, serif; font-size: 18px; margin: 20px 0px; padding: 12px;"><p style="direction: rtl; font-family: Amiri, Georgia, serif; font-size: 22px; line-height: 2; margin: 0px; text-align: right;"><span style="color: #3d3428;">نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَا</span><b><span style="color: #2b00fe;">نَ</span></b><span style="color: #3d3428;"> هَذِهِ السَّنَـــ</span><b><span style="color: #2b00fe;">ةَ</span></b><span style="color: #3d3428;"> لله تعالى</span></p></div><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Niat yang kedua ini kurang populer. Meskipun pembahasannya ada di kitab <i>I'anatut Thalibin</i>. </span></span><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Dari sisi kaidah tata bahasa, redaksinya sudah benar. Kata </span><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Ramadhāna </i><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">difathahkan, lalu kata</span><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"> </i><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">hādhihis-sanata</i><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"> dinashobkan sebagai dzorof zaman (keterangan waktu). </span><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"> </i><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Maka tidak ada tarkib idhofah disitu</span><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"><i>. </i></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Namun dari sisi makna, masih belum akurat menggambarkan apa yang dimaksud oleh yang mengucapnya. Masih belum </span><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">ta‘yīn</i><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"> (belum spesifik/kurang akurat).</span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Hal ini karena kata </span><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">hādhihis-sanata</i><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"> menjadi keterangan (dzorf). Dan setiap dzorf membutuhkan <i>ta'alluq</i> (kaitan kepada yang diterangkan). Ia ta'alluq kepada kata kerja <i>nawaitu </i>(saya niat). Sehingga bila diterjemahkan, menjadi seperti ini : </span></p><p></p><blockquote><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Pada tahun ini saya niat berpuasa besok untuk menunaikan kewajiban bulan Ramadhan lillahi ta'ala</span></blockquote><p></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Perhatikan makna niat tersebut. </span><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Disinilah letak ketidak akuratannya. Niatnya jadi memanjang sepanjang tahun. Coba baca niat itu di bulan Rajab. Pasti secara makna bisa diterima juga. Pengertian seperti ini sudah dijelaskan dalam kitab I'anatut Thalibin sebagaimana nanti saya kutipkan teksnya.</span></span></p><p><i style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;"><b><br /></b></i></p><p><i style="font-family: Lora, Georgia, serif; font-size: 18px;"><b><span style="color: #3d3428;">Ketiga : Ramadho</span><span style="color: #2b00fe;"><u>ni</u> </span><span style="color: #3d3428;">Hadzihis Sana</span><u><span style="color: #2b00fe;">ti</span></u></b></i></p><div style="background: rgba(139, 115, 85, 0.08); border-right: 4px solid rgb(139, 115, 85); font-family: Lora, Georgia, serif; font-size: 18px; margin: 20px 0px; padding: 12px;"><p style="direction: rtl; font-family: Amiri, Georgia, serif; font-size: 22px; line-height: 2; margin: 0px; text-align: right;"><span style="color: #3d3428;">نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَا</span><b><span style="color: #2b00fe;">نِ</span></b><span style="color: #3d3428;"> هَذِهِ السَّنَــ</span><span style="color: #2b00fe;">ـ<b>ةِ</b></span><span style="color: #3d3428;"> لله تعالى</span></p></div><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;">Yang ketiga ini juga populer terutama dikalangan anak anak pesantren. Secara tata bahasa, redaksi niat ini benar. Dan dari sisi makna, sudah <i>ta'yin. Maka niat ini adalah yang benar. </i>Pada niat ini kata<i> Ramadhani hadzihis-sanati </i>adalah <i>mudhof </i>dan<i> mudhof ilaih. Hadzihis-sanati </i>tidak menjadi keterangan waktu<i>, </i>tetapi menjadi pengikat ramadhan<i>. </i></span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;"><i>Dari sisi makna, terjemah niat ini adalah :</i></span></span></p><p><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;"></span></span></p><blockquote><span style="color: #3d3428; font-family: Lora, Georgia, serif;"><span style="font-size: 18px;"><i>Saya niat puasa esok hari untuk menunaikan kewajiban bulan Ramadhannya tahun ini lillahi ta'ala.</i></span></span></blockquote><p style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Pada lafadz ini, niat hanya diberi waktu menginap semalam sesuai dengan syarat niat puasa yang harus menginap (<i>tabyiit</i>).</p><h2 style="color: #2c2416; font-family: Lora, Georgia, serif; font-size: 22px; margin: 26px 0px 10px;">3. Penjelasan Dari I'anatut Thalibin</h2><div><p style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">Berikut ini saya kutipkan nash dari kitab I'anatut Thalibin karya Sayyid Bakri bin Sayid Muhammad Syatha ad-Dimyathi :</p></div><div><h2 style="color: #2c2416; font-family: Lora, Georgia, serif; font-size: 22px; margin: 26px 0px 10px;">3. Penjelasan Dari Segi Tata Bahasa</h2><div><p style="color: #3d3428; font-family: Lora, Georgia, serif; font-size: 18px;">penutup artikel Anda di sini.</p></div><div><br /></div></div>

</div>

<div style="border-top: 1px solid rgba(25, 60, 52, 0.25); margin: 30px auto 0px; max-width: 1300px; padding-top: 20px;">

<p style="color: #3a6f63; font-family: "Source Sans 3", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; margin-bottom: 6px; text-transform: uppercase;">
      Ditulis oleh
    </p>

<p style="color: #1e3d36; font-family: Lora, Georgia, serif; font-size: 22px; font-weight: 700; margin-bottom: 6px;">
      Subhan Hidayat
    </p>

<p style="color: #2f4f48; font-family: Lora, Georgia, serif; font-size: 16px; line-height: 1.85; margin-bottom: 20px;">
      Guru madrasah yang sesekali menuliskan refleksi sederhana dari ruang kelas dan perjalanan hidup, berharap setiap catatan kecil membawa manfaat.
    </p>

<div style="border-top: 1px solid rgba(25, 60, 52, 0.15); padding-top: 16px;">

<p style="color: #5f6f6a; font-family: "Source Sans 3", sans-serif; font-size: 13px; line-height: 1.7; margin-bottom: 8px;">
        This blog is created for educational purposes and to provide general information. All materials belong to their respective owners.
      </p>

<p style="color: #5f6f6a; font-family: "Source Sans 3", sans-serif; font-size: 13px; line-height: 1.7; margin-bottom: 8px;">
        Situs ini dibuat untuk tujuan edukasi dan penyampaian informasi umum. Seluruh materi merupakan milik dari pemegang hak masing-masing.
      </p>

<p style="color: #3a6f63; font-family: "Source Sans 3", sans-serif; font-size: 13px; font-weight: 600; margin: 0px;">
        Contact: subhi.link@gmail.com
      </p>

</div>

Sekali Lagi Tentang Niat Puasa Ramadhan Karena Kalian Memaksa Berniat Dengan Bahasa Arab S ...

Edge to Edge

<div style="margin:0 auto;max-width:1400px;text-align:center;">
    
    <h1 style="color:#2c2416;font-family:Lora,Georgia,serif;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:14px;">
      Judul Artikel Anda
    </h1>

<p style="color:#5c4d3c;font-family:Lora,Georgia,serif;font-size:16px;line-height:1.6;margin-bottom:16px;">
      Subjudul atau deskripsi singkat artikel Anda di sini
    </p>

<div style="display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:22px;">
      
      <div style="width:45px;height:45px;border-radius:50%;background:#8B7355;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;">
        A
      </div>
      
      <div style="text-align:left;">
        <div style="color:#2c2416;font-weight:600;">Subhan Hidayat</div>
        <div style="color:#8b7355;font-size:14px;">19 Februari 2026</div>
      </div>

</div>
  </div>

<div style="color:#3d3428;font-family:Lora,Georgia,serif;font-size:18px;line-height:1.8;margin:0 auto;max-width:1300px;">
    
    <p>Paragraf pertama artikel Anda dimulai di sini...</p>

<h2 style="color:#2c2416;font-size:22px;margin:26px 0 10px;">
      Subjudul Bagian 1
    </h2>

<p>Isi bagian pertama...</p>

<h2 style="color:#2c2416;font-size:22px;margin:26px 0 10px;">
      Subjudul Bagian 2
    </h2>

<p>Isi bagian kedua...</p>

<div style="background:rgba(139,115,85,0.08);border-right:4px solid #8B7355;margin:20px 0;padding:12px;">
      <p style="direction:rtl;font-family:Amiri,Georgia,serif;font-size:22px;line-height:2;text-align:right;margin:0;">
        نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَانَ هَذِهِ السَّنَة لله تعالى
      </p>
    </div>

<p>Paragraf penutup artikel Anda di sini.</p>

</div>

<div style="max-width:1300px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(25,60,52,0.25);">

<p style="color:#3A6F63;font-family:'Source Sans 3',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:6px;text-transform:uppercase;">
      Ditulis oleh
    </p>

<p style="font-family:Lora,Georgia,serif;font-size:22px;font-weight:700;margin-bottom:6px;color:#1E3D36;">
      Subhan Hidayat
    </p>

<p style="color:#2F4F48;font-family:Lora,Georgia,serif;font-size:16px;line-height:1.85;margin-bottom:20px;">
      Guru madrasah yang sesekali menuliskan refleksi sederhana dari ruang kelas dan perjalanan hidup, berharap setiap catatan kecil membawa manfaat.
    </p>

<div style="padding-top:16px;border-top:1px solid rgba(25,60,52,0.15);">

<p style="font-family:'Source Sans 3',sans-serif;font-size:13px;line-height:1.7;color:#5F6F6A;margin-bottom:8px;">
        This blog is created for educational purposes and to provide general information. All materials belong to their respective owners.
      </p>

<p style="font-family:'Source Sans 3',sans-serif;font-size:13px;line-height:1.7;color:#5F6F6A;margin-bottom:8px;">
        Situs ini dibuat untuk tujuan edukasi dan penyampaian informasi umum. Seluruh materi merupakan milik dari pemegang hak masing-masing.
      </p>

<p style="font-family:'Source Sans 3',sans-serif;font-size:13px;color:#3A6F63;font-weight:600;margin:0;">
        Contact: subhi.link@gmail.com
      </p>

</div>

Judul Artikel Anda Subjudul atau deskripsi singkat artikel Anda di sini ...

TEMPLATE JADI NIH

<div style="margin:0 auto;max-width:1100px;text-align:center;">
    
    <h1 style="color:#2c2416;font-family:Lora,Georgia,serif;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:15px;">
      Judul Artikel Anda
    </h1>

<p style="color:#5c4d3c;font-family:Lora,Georgia,serif;font-size:16px;line-height:1.6;margin-bottom:18px;">
      Subjudul atau deskripsi singkat artikel Anda di sini
    </p>

<div style="display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:25px;">
      
      <div style="width:45px;height:45px;border-radius:50%;background:#8B7355;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;">
        A
      </div>
      
      <div style="text-align:left;">
        <div style="color:#2c2416;font-weight:600;">Subhan Hidayat</div>
        <div style="color:#8b7355;font-size:14px;">19 Februari 2026</div>
      </div>

</div>
  </div>

<div style="color:#3d3428;font-family:Lora,Georgia,serif;font-size:18px;line-height:1.8;margin:0 auto;max-width:1000px;">
    
    <p>Paragraf pertama artikel Anda dimulai di sini...</p>

<h2 style="color:#2c2416;font-size:22px;margin:28px 0 10px;">
      Subjudul Bagian 1
    </h2>

<p>Isi bagian pertama...</p>

<h2 style="color:#2c2416;font-size:22px;margin:28px 0 10px;">
      Subjudul Bagian 2
    </h2>

<p>Isi bagian kedua...</p>

<div style="background:rgba(139,115,85,0.08);border-right:4px solid #8B7355;margin:22px 0;padding:14px;">
      <p style="direction:rtl;font-family:Amiri,Georgia,serif;font-size:22px;line-height:2;text-align:right;margin:0;">
        نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَانَ هَذِهِ السَّنَة لله تعالى
      </p>
    </div>

<p>Paragraf penutup artikel Anda di sini.</p>

</div>

<div style="max-width:1000px;margin:35px auto 0;padding-top:22px;border-top:1px solid rgba(25,60,52,0.25);">

<p style="color:#3A6F63;font-family:'Source Sans 3',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase;">
      Ditulis oleh
    </p>

<p style="font-family:Lora,Georgia,serif;font-size:22px;font-weight:700;margin-bottom:6px;color:#1E3D36;">
      Subhan Hidayat
    </p>

<p style="color:#2F4F48;font-family:Lora,Georgia,serif;font-size:16px;line-height:1.85;margin-bottom:22px;">
      Guru madrasah yang sesekali menuliskan refleksi sederhana dari ruang kelas dan perjalanan hidup, berharap setiap catatan kecil membawa manfaat.
    </p>

<div style="padding-top:18px;border-top:1px solid rgba(25,60,52,0.15);">

<p style="font-family:'Source Sans 3',sans-serif;font-size:13px;line-height:1.7;color:#5F6F6A;margin-bottom:10px;">
        This blog is created for educational purposes and to provide general information. All materials belong to their respective owners.
      </p>

<p style="font-family:'Source Sans 3',sans-serif;font-size:13px;line-height:1.7;color:#5F6F6A;margin-bottom:10px;">
        Situs ini dibuat untuk tujuan edukasi dan penyampaian informasi umum. Seluruh materi merupakan milik dari pemegang hak masing-masing.
      </p>

<p style="font-family:'Source Sans 3',sans-serif;font-size:13px;color:#3A6F63;font-weight:600;margin:0;">
        Contact: subhi.link@gmail.com
      </p>

</div>

Judul Artikel Anda Subjudul atau deskripsi singkat artikel Anda di sini ...

Akhlaq Tercela

<html lang="id" class="h-full">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Blog Article</title>
  <script src="https://cdn.tailwindcss.com/3.4.17"></script>
  <script src="/_sdk/element_sdk.js"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap" rel="stylesheet">
  <style>
    body { box-sizing: border-box; }
    .font-serif-reading { font-family: 'Lora', Georgia, serif; }
    .font-sans-ui { font-family: 'Source Sans 3', system-ui, sans-serif; }
    .font-amiri { font-family: 'Amiri', Georgia, serif; font-size: 1.5rem; line-height: 2.1; text-align: right; }
  </style>
  <script src="/_sdk/data_sdk.js" type="text/javascript"></script>
 </head>
 <body class="h-full">
  <div id="app-wrapper" class="w-full h-full overflow-auto" style="background-color: #FFFDF8;">
   <article class="w-full">
    <div class="w-full py-16 px-4 md:px-6">
     <div class="max-w-3xl mx-auto text-center">
      <h1 id="article-title" class="font-serif text-3xl md:text-4xl font-bold leading-tight mb-6" style="color: #2C2416;">
Judul Artikel Anda
</h1>
      <p id="article-subtitle" class="font-serif text-base md:text-lg font-normal leading-relaxed mb-8" style="color: #5C4D3C;">
Subjudul atau deskripsi singkat artikel Anda di sini
</p>
       
      <div class="flex items-center justify-center gap-4">
       <div class="w-12 h-12 rounded-full flex items-center justify-center font-serif text-lg font-semibold" style="background-color: #8B7355; color: #FFFDF8;">
        A
       </div>
       <div class="text-left">
        <p id="author-name" class="font-sans font-semibold" style="color: #2C2416;">Nama Penulis</p>
        <p class="font-sans text-sm" style="color: #8B7355;">15 Desember 2024</p>
       </div>
      </div>
     </div>
    </div>
    <div class="w-full px-4 md:px-6 mb-12">
     <div class="max-w-4xl mx-auto">
      <div class="w-full aspect-video rounded-2xl flex items-center justify-center" style="background-color: #E5D7C8;">
       <p class="font-sans text-gray-500 text-center">Letakkan gambar di sini (aspect ratio 16:9)</p>
      </div>
     </div>
    </div>
    <div class="w-full px-4 md:px-6 pb-16">
     <div class="max-w-2xl mx-auto font-serif" style="color: #3D3428; font-size: 1.125rem; line-height: 1.8;">
      <p style="margin-bottom: 1.5rem;">Paragraf pertama artikel Anda dimulai di sini. Tuliskan konten artikel Anda dengan format yang diinginkan.</p>
      <h2 class="font-serif text-2xl font-bold mt-8 mb-4" style="color: #2C2416;">Subjudul Bagian 1</h2>
      <p style="margin-bottom: 1.5rem;">Konten bagian 1 di sini...</p>
       <h2 class="font-serif text-2xl font-bold mt-8 mb-4" style="color: #2C2416;">Subjudul Bagian 2</h2>
      <p style="margin-bottom: 1.5rem;">Konten bagian 2 di sini...</p>
      <p style="margin-bottom: 1.5rem;">Paragraf penutup artikel Anda di sini.</p>
       
       <div class="my-4 p-6 rounded-lg" style="background-color: rgba(139, 115, 85, 0.08); border-right: 4px solid #8B7355;">
       <p class="font-amiri" style="color: #2C2416;">نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَانَ هَذِهِ السَّنَة لله تعالى</p>
      </div>
       
     </div>
    </div>
   </article>
   <footer class="w-full py-12 border-t px-4 md:px-6" style="border-color: rgba(139, 115, 85, 0.15);">
    <div class="max-w-3xl mx-auto text-center">
     <p class="font-serif text-lg font-semibold mb-2" style="color: #2C2416;">Blog Anda</p>
     <p class="font-sans text-sm" style="color: #8B7355;">© 2024 · Semua hak dilindungi</p>
    </div>
   </footer>
  </div>
  <script>
    const defaultConfig = {
      background_color: '#FFFDF8',
      text_color: '#2C2416',
      secondary_text_color: '#5C4D3C',
      accent_color: '#8B7355',
      font_family: 'Lora',
      font_size: 18,
      
      article_title: 'Judul Artikel Anda',
      article_subtitle: 'Subjudul atau deskripsi singkat artikel Anda di sini',
      author_name: 'Nama Penulis'
    };

Blog Article Judul Artikel Anda Subjudul atau deskripsi singkat artik...

Sekali Lagi Tentang Niat Puasa - Kalian Yang Memaksa Pake Bahasa Arab

<html class="h-full" lang="id">
 <head>
  <meta charset="UTF-8"></meta>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
  <title>Blog Article Template</title>
  <script src="https://cdn.tailwindcss.com/3.4.17"></script>
  <script src="/_sdk/element_sdk.js"></script>
  <link href="https://fonts.googleapis.com" rel="preconnect"></link>
  <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"></link>
  <link href="https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Source+Sans+3:wght@400;500;600&display=swap" rel="stylesheet"></link>
  <style>
    .font-serif-reading { font-family: 'Lora', Georgia, serif; }
    .font-sans-ui { font-family: 'Source Sans 3', system-ui, sans-serif; }
    .font-amiri { font-family: 'Amiri', Georgia, serif; font-size: 1.5rem; line-height: 2.1; text-align: right; }
    
    /* Smooth reading experience */
    .article-content {
      font-size: 1.125rem;
      line-height: 1.85;
      letter-spacing: 0.01em;
    }
    
    .article-content p {
      margin-bottom: 1.75rem;
    }
    
    .article-content h2 {
      margin-top: 2.5rem;
      margin-bottom: 1rem;
    }
    
    .article-content blockquote {
      border-left: 4px solid;
      padding-left: 1.5rem;
      margin: 2rem 0;
      font-style: italic;
    }
    
    /* Drop cap */
    .drop-cap::first-letter {
      float: left;
      font-size: 4rem;
      line-height: 0.8;
      padding-right: 0.75rem;
      padding-top: 0.25rem;
      font-weight: 600;
    }
    
    /* Progress bar animation */
    #progress-bar {
      transform-origin: left;
      transition: transform 0.1s ease-out;
    }
    
    /* Subtle hover effect for links */
    .article-content a {
      text-decoration: underline;
      text-underline-offset: 3px;
      transition: opacity 0.2s;
    }
    
    .article-content a:hover {
      opacity: 0.7;
    }
  </style>
  <style>body { box-sizing: border-box; }</style>
  <script src="/_sdk/data_sdk.js" type="text/javascript"></script>
 </head>
 <body class="h-full">
  <div class="w-full h-full overflow-auto" id="app-wrapper" style="background-color: #fffdf8;">
   
   <div class="fixed top-0 left-0 w-full h-1 z-50" style="background-color: rgba(139, 115, 85, 0.1);">
    <div class="h-full" id="progress-bar" style="background-color: #8b7355; transform: scaleX(0);"></div>
   </div>
   <article class="w-full">
    
    <div class="w-full py-16 px-3 md:px-6">
     <div class="max-w-3xl mx-auto text-center">
       <span class="inline-block font-sans-ui text-xs font-semibold tracking-widest uppercase mb-6 px-3 py-1 rounded-full" style="background-color: rgba(139, 115, 85, 0.1); color: #8b7355;"> Pemikiran </span> 
      <h1 class="font-serif-reading text-4xl md:text-5xl font-bold leading-tight mb-6" id="article-title" style="color: #2c2416;">Sekali Lagi Tentang Niat Puasa - Kalian Yang Memaksa Pake Bahasa Arab</h1>
      <p class="font-serif-reading text-xl md:text-2xl font-normal leading-relaxed mb-8" id="article-subtitle" style="color: #5c4d3c;">Sebuah refleksi tentang bagaimana kita bisa menemukan kedamaian di tengah hiruk-pikuk kehidupan modern</p>
      <div class="flex items-center justify-center gap-4">
       <div class="w-12 h-12 rounded-full flex items-center justify-center font-serif-reading text-lg font-semibold" style="background-color: #8b7355; color: #fffdf8;">
        A
       </div>
       <div class="text-left">
        <p class="font-sans-ui font-semibold" id="author-name" style="color: #2c2416;">Arya Wijaya</p>
        <p class="font-sans-ui text-sm" style="color: #8b7355;"><span id="publish-date">15 Desember 2024</span> · <span id="read-time">5 menit baca</span></p>
       </div>
      </div>
     </div>
    </div>
    <div class="w-full px-3 md:px-6 mb-12">
     <div class="max-w-4xl mx-auto">
      <div class="w-full aspect-video rounded-2xl flex items-center justify-center" style="background: linear-gradient(135deg, #D4C4B0 0%, #8B7355 100%);">
       <svg class="w-24 h-24" fill="none" stroke="currentColor" style="color: rgba(255, 253, 248, 0.5);" viewbox="0 0 24 24">
        <path d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
       </svg>
      </div>
      <p class="font-sans-ui text-sm text-center mt-3" style="color: #8b7355;">Ilustrasi: Ketenangan di pagi hari</p>
     </div>
    </div>
    <div class="w-full px-3 md:px-6 pb-16">
     <div class="max-w-2xl mx-auto article-content font-serif-reading" style="color: #3d3428;">
      <p class="drop-cap">Saya mulai blogging sejak 2011. Sebelum kenal blog saya sudah menulis tentang niat puasa yang saya bagikan dalam bentuk lembaran kepada santri dan takmir takmir musholla dan masjid.</p>
      <p>Setelah kenal blog, saya jadikan tulisan itu menjadi salah satu artikel blog. Sudah banyak pula komentar yang saya terima. Ada yang bilang saya sok tau. Ada yang bilang artikel saya hanya bikin bingung orang awam saja. Yang terbaru ada yg menuduh cuma copas artikel orang lain.</p>
      <h2 class="font-serif-reading text-2xl font-semibold" style="color: #2c2416;">Karena Kalian Berniat Memakai Bahasa Arab</h2>
      <p>Bagi saya masalah niat puasa ini sangat jelas seterang matahari. Jadi saya tidak perlu copas artikel orang lain. Saya tidak menyinggung keabsahan puasanya. Karena niat dalam bahasa apapun sah. Saya hanya menyoroti sisi tata bahasa Arabnya. Saya tulis, karena kalian berniat pake bahasa Arab. Bahkan disiar siarkan di televisi. Coba kalian niatnya pake bahasa Indonesia. Mungkin artikel ini ga perlu ditulis.</p>
      <p>Ada lahn dalam niat kalian. Dan lahn tidak boleh dinormalkan. Harus dibetulkan. Maka sekali lagi saya tulis lagi tema ini mudah mudahan lebih difahami.</p>
      <h2 class="font-serif-reading text-2xl font-semibold" style="color: #2c2416;">Lahn Dihindari Seperti Dosa</h2>
      <p>Lahn artinya keliru dalam pengucapan atau ucapan yang tidak sesuai dengan kaidah bahasa. Misalnya harusnya dibaca Allahu, tetapi dibaca Allaha.</p>
      <p>Para generasi salaf menghindari lahn seperti menghindari dosa. Ayyub As Sakhtiyani seorang ulama salaf pernah membaca hadis tetapi lahn. Ketika menyadarinya, iya berkata astaghfirullah. Padahal istighfar itu hanya untuk dosa. Seakan akan Ayyub menganggapnya berdosa. Imam Asmu'i bahkan berpendapat, orang yang membaca hadis dengan lahn sama saja ia telah berdusta kepada Rasulullah.</p>
      <h2 class="font-serif-reading text-2xl font-semibold" style="color: #2c2416;">Satu Satunya Niat Yang Betul</h2>
      <p>Ini adalah niat niat puasa yang beredar di banyak postingan :</p>
      <p><strong>Pertama : Ramadhona Hadzihis Sanati</strong></p>
      <div class="my-4 p-6 rounded-lg" style="background-color: rgba(139, 115, 85, 0.08); border-right: 4px solid #8B7355;">
       <p class="font-amiri" style="color: #2c2416;">نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَانَ هَذِهِ السَّنَة لله تعالى</p>
      </div>
      <p>Ini niat yang paling banyak dibaca orang. Namun sayangnya, ini niat yang paling menyimpang dari kaidah (paling lahn).</p>
      <p><strong>Kedua : Romadhona Hadzihis Sanata</strong></p>
      <div class="my-4 p-6 rounded-lg" style="background-color: rgba(139, 115, 85, 0.08); border-right: 4px solid #8B7355;">
       <p class="font-amiri" style="color: #2c2416;">نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَانَ هَذِهِ السَّنَة لله تعالى</p>
      </div>
      <p>Niat ini jarang dibaca, dan secara kaidah benar. Tetapi secara makna tidak ta'yin (tidak akurat).</p>
      <p><strong>Ketiga : Romadhoni Hadzihis Sanati</strong></p>
      <div class="my-4 p-6 rounded-lg" style="background-color: rgba(139, 115, 85, 0.08); border-right: 4px solid #8B7355;">
       <p class="font-amiri" style="color: #2c2416;">نَوَيْتُ صَوْمَ غَدٍ عَنْ أَدَاءِ فَرْضِ شَهْرِ رَمَضَانَ هَذِهِ السَّنَة لله تعالى</p>
      </div>
      <p>Ini satu satunya yang paling benar dari sisi tata bahasa dan dari sisi keakuratan makna.</p>
      <h2 class="font-serif-reading text-2xl font-semibold" style="color: #2c2416;">Mengapa Yang Pertama Salah?</h2>
      <p>Karena Ramadhana diputus dari idhofah (tidak lagi menjadi mudhof). Sehingga tidak ada alasan untuk men-jar-kan hadzihis Sanati. Karena bukan lagi menjadi mudhof ilaihi.</p>
      <p>Ada yang coba berteori bahwa Hadzihis Sanati di jarkan karena jadi badalnya Ramadhana. Wah malah kacau balau. Apalagi bila badalnya badal gholat.</p>
      <p>Penjelasan seperti ini, insya Allah sudah cukup jelas bagi yang sudah belajar ilmu Nahwu.</p>
      <h2 class="font-serif-reading text-2xl font-semibold" style="color: #2c2416;">Bagaimana dengan yang Kedua?</h2>
      <p>Ini masih terkait dengan penjelasan yang pertama. Karena Ramadhana sudah diputus dari idhofah, maka Hadzihis Sanah jangan lagi dibaca jar sebagai mudhof ilaihi. Caranya ? Baca saja nashob ! Hadzihis Sanata. I'rabnya sebagai dzorof zaman.</p>
      <p>Secara kaidah bahasa Arab ini boleh dan benar. Tidak ada lahn. Hanya saja dari segi makna menjadi tidak akurat. Padahal syarat niat itu harus ta'yin (akurat). Mengapa tidak akurat ? Karena keterangan waktu (dzorof zaman) harus punya ta'lluq (kata kerja yang diberi keterangan). Nah ta'alluqnya adalah kata kerja 'nawaitu'. Sehingga artinya menjadi begini : Saya niat tahun ini. Menunjukkan bahwa pada tahun ini menjadi keterangan waktu bagi pengucapan niatnya. Sehingga lengkapnya menjadi seperti ini:</p>
      <blockquote style="border-color: #8B7355; color: #5c4d3c;">
       Pada tahun ini saya niat puasa esok hari untuk melaksanakan kewajiban ramadhan.
      </blockquote>
      <p>Disinilah letak ketidak akuratannya. Niatnya jadi memanjang sepanjang tahun. Coba baca niat itu di bulan Rajab. Pasti secara makna bisa juga.</p>
      <p>Mungkin pembaca perlu mencerna sejenak makna niat itu. Bandingkan dengan niat ini, mana yang lebih akurat:</p>
      <blockquote style="border-color: #8B7355; color: #5c4d3c;">
       Saya niat puasa besok untuk menunaikan kewajiban ramadhannya tahun ini.
      </blockquote>
      <p>Bisakah dibaca di luar Ramadhan ? Di bulan Rajab misalnya. Tentu tidak bisa.</p>
      <p>Masalah ini cukup samar bagi sebagian orang. Sehingga pengarang ianatut Thalibin berkata:</p>
      <blockquote style="border-color: #8B7355; color: #5c4d3c;">
       فليتأمل فإنه مما يخفى
      </blockquote>
      <p>Sekarang niat yang paling benar dan paling akurat adalah niat yang ketiga: <strong>Romadhoni Hadzihis Sanati</strong> — yang memenuhi syarat baik dari sisi tata bahasa Arab maupun dari sisi akurasi makna niat.</p>
      <div class="my-8 p-6 rounded-lg" style="background-color: rgba(139, 115, 85, 0.08); border-right: 4px solid #8B7355;">
       <p class="font-amiri" style="color: #2c2416;">قال رسول الله صلى الله عليه وسلم فيما يرويه عن ربه قال تعالى الصوم لي وأنا أجزي به ولخلوف فم الصائم أطيب عند الله من ريح المسك</p>
      </div>
     </div>
    </div>
    <div class="w-full px-3 md:px-6 pb-12">
     <div class="max-w-2xl mx-auto">
      <div class="flex flex-wrap gap-2">
       <span class="font-sans-ui text-sm px-4 py-2 rounded-full" style="background-color: rgba(139, 115, 85, 0.1); color: #5c4d3c;"> #kesederhanaan </span> <span class="font-sans-ui text-sm px-4 py-2 rounded-full" style="background-color: rgba(139, 115, 85, 0.1); color: #5c4d3c;"> #mindfulness </span> <span class="font-sans-ui text-sm px-4 py-2 rounded-full" style="background-color: rgba(139, 115, 85, 0.1); color: #5c4d3c;"> #refleksi </span>
      </div>
     </div>
    </div>
    <div class="w-full px-3 md:px-6 pb-16">
     <div class="max-w-2xl mx-auto">
      <div class="p-8 rounded-2xl" style="background-color: rgba(139, 115, 85, 0.08);">
       <div class="flex items-start gap-5">
        <div class="w-16 h-16 rounded-full flex-shrink-0 flex items-center justify-center font-serif-reading text-2xl font-semibold" style="background-color: #8b7355; color: #fffdf8;">
         A
        </div>
        <div>
         <p class="font-sans-ui text-xs font-semibold tracking-widest uppercase mb-1" style="color: #8b7355;">Ditulis oleh</p>
         <p class="font-serif-reading text-xl font-semibold mb-2" id="author-bio-name" style="color: #2c2416;">Arya Wijaya</p>
         <p class="font-serif-reading text-base leading-relaxed" style="color: #5c4d3c;">Penulis dan praktisi mindfulness yang senang berbagi refleksi tentang kehidupan sehari-hari. Percaya bahwa kebahagiaan terletak pada hal-hal sederhana.</p>
        </div>
       </div>
      </div>
     </div>
    </div>
   </article>
   <footer class="w-full py-12 border-t px-3 md:px-6" style="border-color: rgba(139, 115, 85, 0.15);">
    <div class="max-w-3xl mx-auto px-6 text-center">
     <p class="font-serif-reading text-lg font-semibold mb-2" style="color: #2c2416;"><span style="color: #8b7355;">✦</span> Ruang Baca</p>
     <p class="font-sans-ui text-sm" style="color: #8b7355;">© 2024 · Tempat berbagi cerita dan pemikiran</p>
    </div>
   </footer>
  </div>
  <script>
    // Default configuration
    const defaultConfig = {
      // Colors (ordered by visual prominence)
      background_color: '#FFFDF8',      // 1. Page background - warm off-white
      surface_color: 'rgba(139, 115, 85, 0.08)', // 2. Card/surface backgrounds
      text_color: '#2C2416',            // 3. Primary text - dark brown
      primary_action_color: '#8B7355',  // 4. Accent/action elements - warm brown
      secondary_text_color: '#5C4D3C',  // 5. Secondary text - medium brown
      
      // Typography
      font_family: 'Lora',
      font_size: 18,
      
      // Content
      article_title: 'Sekali Lagi Tentang Niat Puasa - Kalian Yang Memaksa Pake Bahasa Arab',
      article_subtitle: 'Sebuah analisis mendalam tentang tata bahasa Arab dalam pengucapan niat puasa dan pentingnya memilih niat yang paling akurat',
      author_name: 'Arya Wijaya',
      read_time: '5 menit baca'
    };
    
    // Initialize SDK
    window.elementSdk.init({
      defaultConfig,
      
      onConfigChange: async (config) => {
        const cfg = { ...defaultConfig, ...config };
        
        // Apply background color
        document.getElementById('app-wrapper').style.backgroundColor = cfg.background_color;
        document.querySelector('header').style.backgroundColor = cfg.background_color;
        
        // Apply text colors
        document.querySelectorAll('[data-text-primary]').forEach(el => {
          el.style.color = cfg.text_color;
        });
        
        // Apply titles
        document.getElementById('article-title').textContent = cfg.article_title;
        document.getElementById('article-title').style.color = cfg.text_color;
        
        document.getElementById('article-subtitle').textContent = cfg.article_subtitle;
        document.getElementById('article-subtitle').style.color = cfg.secondary_text_color;
        
        document.getElementById('author-name').textContent = cfg.author_name;
        document.getElementById('author-name').style.color = cfg.text_color;
        
        document.getElementById('author-bio-name').textContent = cfg.author_name;
        document.getElementById('author-bio-name').style.color = cfg.text_color;
        
        document.getElementById('read-time').textContent = cfg.read_time;
        
        // Apply accent colors
        document.getElementById('progress-bar').style.backgroundColor = cfg.primary_action_color;
        
        // Apply font family
        const fontFamily = `${cfg.font_family}, Georgia, serif`;
        document.querySelectorAll('.font-serif-reading').forEach(el => {
          el.style.fontFamily = fontFamily;
        });
        
        // Apply font size
        document.querySelectorAll('.article-content').forEach(el => {
          el.style.fontSize = `${cfg.font_size}px`;
        });
      },
      
      mapToCapabilities: (config) => {
        const cfg = { ...defaultConfig, ...config };
        
        return {
          recolorables: [
            {
              get: () => cfg.background_color,
              set: (value) => window.elementSdk.setConfig({ background_color: value })
            },
            {
              get: () => cfg.surface_color,
              set: (value) => window.elementSdk.setConfig({ surface_color: value })
            },
            {
              get: () => cfg.text_color,
              set: (value) => window.elementSdk.setConfig({ text_color: value })
            },
            {
              get: () => cfg.primary_action_color,
              set: (value) => window.elementSdk.setConfig({ primary_action_color: value })
            },
            {
              get: () => cfg.secondary_text_color,
              set: (value) => window.elementSdk.setConfig({ secondary_text_color: value })
            }
          ],
          borderables: [],
          fontEditable: {
            get: () => cfg.font_family,
            set: (value) => window.elementSdk.setConfig({ font_family: value })
          },
          fontSizeable: {
            get: () => cfg.font_size,
            set: (value) => window.elementSdk.setConfig({ font_size: value })
          }
        };
      },
      
      mapToEditPanelValues: (config) => {
        const cfg = { ...defaultConfig, ...config };
        return new Map([
          ['article_title', cfg.article_title],
          ['article_subtitle', cfg.article_subtitle],
          ['author_name', cfg.author_name],
          ['read_time', cfg.read_time]
        ]);
      }
    });
    
    // Reading progress bar
    const wrapper = document.getElementById('app-wrapper');
    const progressBar = document.getElementById('progress-bar');
    
    wrapper.addEventListener('scroll', () => {
      const scrollTop = wrapper.scrollTop;
      const scrollHeight = wrapper.scrollHeight - wrapper.clientHeight;
      const progress = scrollHeight > 0 ? scrollTop / scrollHeight : 0;
      progressBar.style.transform = `scaleX(${progress})`;
    });
  </script>
 <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9d0af1eec1655c31',t:'MTc3MTU1ODQzMy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>

Blog Article Template Pemikiran Sekali Lagi...