LDII Jakarta Pusat Serempak Gelar Pengajian Akhir Tahun di Seluruh Kecamatan

Januari 02, 2023 LDII Jakarta Pusat pengajian akhir tahun ldii

<span style="font-size: medium;"><b>Jakarta (1/1)</b>. Sama seperti tahun-tahun sebelumnya, agenda kegiatan DPD LDII Kota Administrasi Jakarta Pusat adalah serempak menggelar Pengajian Akhir Tahun khusus Remaja (muda-mudi) LDII yang dilaksanakan di tiap-tiap masjid di bawah pembinaan PC LDII tingkat kecamatan wilayah Jakarta Pusat. Pada Sabtu, 31 Desember 2022 ini dari seluruh kecamatan yang memiliki perwakilan PC LDII aktif sejumlah 7 kecamatan, melaksanakan agenda tersebut. Hal ini disampaikan oleh Drs. Purwanto Hadi Ketua DPD LDII Kota Administrasi Jakarta Pusat, hadir memantau di An Nafiu Cempaka Putih Jakarta Pusat, salah satu masjid yang tengah melaksanakan kegiatan tersebut.</span></p><p style="line-height: 2;"><span style="font-size: medium;">Dalam penegasannya, Drs. Purwanto Hadi menyampaikan, “Acara ini bertujuan untuk menghindari pengaruh-pengaruh negatif dan aktifitas tidak sesuai norma yang bisa saja terjadi pada saat malam pergantian tahun yang dapat merusak moral dan akidah (kepahaman agama) generasi muda. Kita semua sama-sama menginginkan para remaja (anak-anak kita) dapat berhati-hati jangan sampai terpengaruh dengan kegiatan yang bertentangan dengan agama dan budaya seperti tawuran, minum-minuman keras, narkoba dan pergaulan bebas serta kegiatan negatif lainnya.”</span></p><p style="line-height: 2; text-align: center;"></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCTCViASYv6fc3xV3wCQ4Yzt-NBDWGk1VEmaIhKDPvLfBLPRX4y6O7ju5Agg-fekch10JTLOubR-tsRxAzRhP-1jhJhlTJu4QnNsMkatkGNk2CuJ5kw5g5C9LjN19zRhdMgJMWjrFnRdhXeNNzWVMvGjHQwtu2TsGW6EkD4nKJZREHJTal5FlDsKjWg/s629/LDII%20Jakarta%20Pusat%20Serempak%20Gelar%20Pengajian%20Akhir%20Tahun%20di%20Seluruh%20Kecamatan1.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="LDII Jakarta Pusat Serempak Gelar Pengajian Akhir Tahun di Seluruh Kecamatan" border="0" data-original-height="365" data-original-width="629" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKCTCViASYv6fc3xV3wCQ4Yzt-NBDWGk1VEmaIhKDPvLfBLPRX4y6O7ju5Agg-fekch10JTLOubR-tsRxAzRhP-1jhJhlTJu4QnNsMkatkGNk2CuJ5kw5g5C9LjN19zRhdMgJMWjrFnRdhXeNNzWVMvGjHQwtu2TsGW6EkD4nKJZREHJTal5FlDsKjWg/s16000/LDII%20Jakarta%20Pusat%20Serempak%20Gelar%20Pengajian%20Akhir%20Tahun%20di%20Seluruh%20Kecamatan1.jpeg" title="LDII Jakarta Pusat Serempak Gelar Pengajian Akhir Tahun di Seluruh Kecamatan" /></a></div><br /><span style="font-size: medium;"><br /></span><p></p><p style="line-height: 2;"><span style="font-size: medium;">Sebab itu tujuh PC LDII tingkat kecamatan yang melaksanakan adalah : PC LDII Kecamatan Cempaka Putih, PC LDII Kecamatan Gambir, PC LDII Kecamatan Johar Baru, PC LDII Kecamatan Kemayoran, PC LDII Kecamatan Menteng, PC LDII Kecamatan Senen dan PC LDII Kecamatan Tanah Abang. Seluruh pengurus tingkat kecamatan tersebut tertib mengawasi dan memantau pelaksanaan kegiatan Pengajian Akhir Tahun 2022 di wilayah masing-masing agar tujuan yang disampaikan Ketua DPD LDII Jakarta Pusat betul-betul terwujud.</span></p><p style="line-height: 2;"><span style="font-size: medium;">Adapun isi kegiatan Pengajian Akhir Tahun itu sendiri berisikan kajian Al Quran, Hadits, Tausiyah, Acara Keakraban serta Dzikir dan Berdoa dalam sholat sepertiga malam yang akhir. Semua kegiatan itu sebagai bentuk antisipasi, introspeksi diri (muhasabah) juga menjaga dan menambah kepahaman agama (akidah) sebagai manfaat yang bisa didapat. Dalam acara Pengajian Akhir Tahun ini, para peserta sudah berada di lokasi (masjid) sejak isya’ dengan mengikuti sholat isya’ berjama’ah kemudian kembali ke rumah masing-masing setelah sholat shubuh dan “kultum” pagi hari.</span></p><p style="line-height: 2;"><span style="font-size: medium;">Dalam pesan akhir tahunnya, Drs. Purwanto Hadi menyampaikan, “Sebagai Ketua DPD LDII Kota Administrasi Jakarta Pusat, saya berharap kepada seluruh remaja khususnya dan warga LDII umumnya agar di tahun 2023 ini bisa meningkatkan kualitas iman , taqwa dan ibadahnya kepada Allah SWT. Baik Ibadah Mahdloh maupun Ghoiru Mahdloh, serta berpartisipasi aktif di tengah masyarakat dalam rangka mendukung program pemerintah di berbagai bidang. Itu semua merupakan bagian dari Kontribusi Aktif LDII sesuai 8 Program Kontribusi LDII untuk Bangsa dan Negara, untuk menjadikan Negara Kesatuan Republik Indonesia Negara yang Baldatun Thoyyibatun Warobbun Ghofur”. (mufiqs)</span></p>
</div>
<div class='LDII_THEME__share-bar' id='LDII_THEME__shareBar'>
<span>Bagikan:</span>
<a class='LDII_THEME__share-btn LDII_THEME__share-btn--wa' href='https://api.whatsapp.com/send?text=LDII Jakarta Pusat Serempak Gelar Pengajian Akhir Tahun di Seluruh Kecamatan https://www.ldiisampit.or.id/2023/01/ldii-jakarta-pusat-serempak-gelar.html' rel='nofollow noopener' target='_blank'>WhatsApp</a>
<a class='LDII_THEME__share-btn LDII_THEME__share-btn--fb' href='https://www.facebook.com/sharer/sharer.php?u=https://www.ldiisampit.or.id/2023/01/ldii-jakarta-pusat-serempak-gelar.html' rel='nofollow noopener' target='_blank'>Facebook</a>
<a class='LDII_THEME__share-btn LDII_THEME__share-btn--x' href='https://twitter.com/intent/tweet?url=https://www.ldiisampit.or.id/2023/01/ldii-jakarta-pusat-serempak-gelar.html&text=LDII Jakarta Pusat Serempak Gelar Pengajian Akhir Tahun di Seluruh Kecamatan' rel='nofollow noopener' target='_blank'>X</a>
<button class='LDII_THEME__share-btn LDII_THEME__share-btn--copy' id='LDII_THEME__copyLink' type='button'>Salin</button>
</div>
<div class='LDII_THEME__tags'>
<a class='LDII_THEME__label-tag' href='https://www.ldiisampit.or.id/search/label/LDII%20Jakarta%20Pusat'>#LDII Jakarta Pusat</a>
<a class='LDII_THEME__label-tag' href='https://www.ldiisampit.or.id/search/label/pengajian%20akhir%20tahun%20ldii'>#pengajian akhir tahun ldii</a>
</div>
<div class='LDII_THEME__related' id='LDII_THEME__related'>
<div class='LDII_THEME__section-title LDII_THEME__anim LDII_THEME__anim-left LDII_THEME__anim-med'>Artikel Terkait</div>
<div class='LDII_THEME__related-grid' id='LDII_THEME__relatedGrid'></div>
</div>
</article>
</div></div>
<div class='LDII_THEME__sec LDII_THEME__sec--ldii LDII_THEME__anim LDII_THEME__anim-up LDII_THEME__anim-med' id='LDII_THEME__secLDII'></div>
<div class='LDII_THEME__sec LDII_THEME__sec--video LDII_THEME__anim LDII_THEME__anim-up LDII_THEME__anim-med' id='LDII_THEME__secVideo'></div>
<div class='LDII_THEME__sec LDII_THEME__sec--renungan LDII_THEME__anim LDII_THEME__anim-up LDII_THEME__anim-med' id='LDII_THEME__secRenungan'></div>
<div class='LDII_THEME__sec LDII_THEME__sec--IPTEK LDII_THEME__anim LDII_THEME__anim-up LDII_THEME__anim-med' id='LDII_THEME__secIPTEK'></div>
<div class='LDII_THEME__sec LDII_THEME__sec--kesehatan LDII_THEME__anim LDII_THEME__anim-up LDII_THEME__anim-med' id='LDII_THEME__secKesehatan'></div>
<div class='LDII_THEME__sec LDII_THEME__sec--kegiatan LDII_THEME__anim LDII_THEME__anim-up LDII_THEME__anim-med' id='LDII_THEME__secKegiatan'></div>
<div class='LDII_THEME__sec LDII_THEME__sec--pengumuman LDII_THEME__anim LDII_THEME__anim-up LDII_THEME__anim-med' id='LDII_THEME__secPengumuman'></div>
<div id='LDII_THEME__sentinel'></div>
<div class='LDII_THEME__inf-loader' id='LDII_THEME__infLoader'>
<div class='LDII_THEME__inf-spinner'></div>
</div>
</div>
<aside aria-label='Sidebar' class='LDII_THEME__sidebar'>
<div class='LDII_THEME__sidebar-section section' id='sidebar'><div class='widget HTML' data-version='2' id='HTML2'>
<div class='widget-content'>
<div class="ldii__micro-banner-wrapper">
        <a href="https://www.ldiisampit.or.id/2025/09/aplikasi.html" class="ldii__micro-banner">
            <div class="ldii__pulse-ring"></div>
            <div class="ldii__corner-glow ldii__corner-glow-1"></div>
            <div class="ldii__corner-glow ldii__corner-glow-2"></div>
            <div class="ldii__corner-glow ldii__corner-glow-3"></div>
            <div class="ldii__corner-glow ldii__corner-glow-4"></div>
            <div class="ldii__banner-content">
                <svg class="ldii__app-icon" width="14" height="14" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></path></path></path></path></svg>
                <span class="ldii__banner-text">APLIKASI</span>
            </div>
        </a>
    </div>
<br />
</div>
</div><div class='widget PopularPosts' data-version='2' id='PopularPosts1'>
<div class='LDII_THEME__sidebar-widget LDII_THEME__anim LDII_THEME__anim-right LDII_THEME__anim-med'>
<div class='LDII_THEME__section-title'>Populer</div>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2023/01/yuk-simak-LDII-lebih-dekat-pengabdian-berkelanjutan-untuk-indonesia.html'>
<span class='LDII_THEME__pop-num'>1</span>
<span class='LDII_THEME__pop-title'>Yuk ✔ Simak LDII Lebih Dekat, Pengabdian Berkelanjutan untuk Indonesia</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2021/11/ldii-adalah-organisasi-kemasyarakatan.html'>
<span class='LDII_THEME__pop-num'>2</span>
<span class='LDII_THEME__pop-title'>LDII adalah Organisasi Kemasyarakatan di Indonesia</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2021/12/ldii-adalah-ormas-islam-di-indonesia.html'>
<span class='LDII_THEME__pop-num'>3</span>
<span class='LDII_THEME__pop-title'>LDII adalah Ormas Islam di Indonesia</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2021/10/ldii-artinya-lembaga-dakwah-islam.html'>
<span class='LDII_THEME__pop-num'>4</span>
<span class='LDII_THEME__pop-title'>LDII Lembaga Dakwah Islam Indonesia | 8 Bidang Pengabdian untuk Bangsa</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2021/11/pendiri-ldii.html'>
<span class='LDII_THEME__pop-num'>5</span>
<span class='LDII_THEME__pop-title'>Pendiri LDII</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2021/11/sejarah-ldii-indonesiaa.html'>
<span class='LDII_THEME__pop-num'>6</span>
<span class='LDII_THEME__pop-title'>Sejarah LDII Indonesia</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2021/10/ciri-ciri-ldii.html'>
<span class='LDII_THEME__pop-num'>7</span>
<span class='LDII_THEME__pop-title'>Ciri - ciri LDII</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2021/12/musda-vii-ldii-sleman-bupati-hj-kustini-ldii-adalah-anak-saya.html'>
<span class='LDII_THEME__pop-num'>8</span>
<span class='LDII_THEME__pop-title'>Musda VII LDII Sleman, Bupati Hj. Kustini : LDII Terus Berkontribusi dengan Delapan Bidang</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2022/07/dpp-ldii-idul-adha-bangun-kesalehan-individu-dan-bangsa.html'>
<span class='LDII_THEME__pop-num'>9</span>
<span class='LDII_THEME__pop-title'>Kurban Tahun 2022, DPP LDII: Idul Adha Bangun Kesalehan Individu dan Bangsa</span>
</a>
<a class='LDII_THEME__pop-item' href='https://www.ldiisampit.or.id/2022/01/ldii-sampit.html'>
<span class='LDII_THEME__pop-num'>10</span>
<span class='LDII_THEME__pop-title'>LDII Sampit </span>
</a>
</div>
</div><div class='widget HTML' data-version='2' id='HTML3'>
<div class='widget-content'>
<!doctype html>
  <style>
  .ldii-feed {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #222;
    padding: 0;
    background: transparent;
    container-type: inline-size;
    container-name: feed-wrap;
  }

.ldii-feed .feed-header {
    text-align: center;
    margin-bottom: 18px;
  }
  .ldii-feed .feed-header h2 {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0;
    color: #1a1a1a;
    letter-spacing: -.2px;
  }
  .ldii-feed .feed-header h2 span {
    color: #0369a1;
  }
  .ldii-feed .feed-header-line {
    width: 32px;
    height: 2.5px;
    background: #0369a1;
    border-radius: 3px;
    margin: 8px auto 0;
  }

.ldii-feed .feed-box {
  height: calc(100vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  position: sticky;
  top: 10px;
}

.ldii-feed .feed-box::-webkit-scrollbar {
    width: 5px;
  }
  .ldii-feed .feed-box::-webkit-scrollbar-track {
    background: transparent;
  }
  .ldii-feed .feed-box::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 5px;
  }
  .ldii-feed .feed-box::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }

/* Fade-in */
  @keyframes ldii-fade {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
  }

/* Skeleton shimmer */
  @keyframes ldii-shimmer {
    0%   { background-position: -200px 0; }
    100% { background-position: 200px 0; }
  }
  .ldii-feed .skel {
    border-radius: 9px;
    overflow: hidden;
    background: #f0f0f0;
  }
  .ldii-feed .skel-img {
    width: 100%;
    aspect-ratio: 4/3;
    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
    background-size: 400px 100%;
    animation: ldii-shimmer 1.3s ease-in-out infinite;
  }
  .ldii-feed .skel-lines {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .ldii-feed .skel-line {
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
    background-size: 400px 100%;
    animation: ldii-shimmer 1.3s ease-in-out infinite;
  }
  .ldii-feed .skel-line:nth-child(1) { width: 85%; }
  .ldii-feed .skel-line:nth-child(2) { width: 60%; }

/* Hero card */
  .ldii-feed .hero-card {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background: #fff;
    margin-bottom: 14px;
    box-shadow:
      0 1px 2px rgba(0,0,0,.06),
      0 4px 12px rgba(0,0,0,.08);
    transition: transform .25s ease, box-shadow .25s ease;
    position: relative;
  }
  .ldii-feed .hero-card:hover {
    transform: translateY(-3px);
    box-shadow:
      0 2px 4px rgba(0,0,0,.06),
      0 12px 28px rgba(0,0,0,.12);
  }
  .ldii-feed .hero-img-wrap {
    position: relative;
    overflow: hidden;
  }
  .ldii-feed .hero-img {
    width: 100%;
    aspect-ratio: 16/7;
    object-fit: cover;
    display: block;
    background: #e5e7eb;
    transition: transform .4s ease;
  }
  .ldii-feed .hero-card:hover .hero-img {
    transform: scale(1.04);
  }
  .ldii-feed .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.55) 0%, transparent 60%);
    pointer-events: none;
  }
  .ldii-feed .hero-arrow {
    position: absolute;
    bottom: 12px;
    right: 14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translate(-4px, 4px);
    transition: opacity .25s ease, transform .25s ease;
  }
  .ldii-feed .hero-card:hover .hero-arrow {
    opacity: 1;
    transform: translate(0, 0);
  }
  .ldii-feed .hero-arrow svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: #fff;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .ldii-feed .hero-body {
    padding: 12px 14px 14px;
  }
  .ldii-feed .hero-title {
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.4;
    color: #111;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .ldii-feed .hero-badge {
    display: inline-block;
    font-size: .58rem;
    font-weight: 600;
    color: #0369a1;
    background: #e0f2fe;
    padding: 2px 7px;
    border-radius: 4px;
    margin-bottom: 6px;
    letter-spacing: .3px;
    text-transform: uppercase;
  }

/* Grid */
  .ldii-feed .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    align-items: start;
  }

@container feed-wrap (min-width: 360px) {
    .ldii-feed .grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
  }

/* Small card */
  .ldii-feed a.card {
    display: flex;
    flex-direction: column;
    border-radius: 9px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background: #fff;
    box-shadow:
      0 1px 2px rgba(0,0,0,.05),
      0 2px 8px rgba(0,0,0,.06);
    transition: transform .22s ease, box-shadow .22s ease;
    will-change: transform;
    position: relative;
    animation: ldii-fade .4s ease both;
  }
  .ldii-feed a.card:hover {
    transform: translateY(-3px) scale(1.015);
    box-shadow:
      0 2px 4px rgba(0,0,0,.06),
      0 8px 20px rgba(0,0,0,.1);
  }

.ldii-feed .card-img-wrap {
    position: relative;
    overflow: hidden;
  }
  .ldii-feed .card-img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    background: #e5e7eb;
    transition: transform .35s ease;
  }
  .ldii-feed a.card:hover .card-img {
    transform: scale(1.06);
  }
  .ldii-feed .card-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.3);
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
  }
  .ldii-feed a.card:hover .card-overlay {
    opacity: 1;
  }
  .ldii-feed .card-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%) scale(.7);
    opacity: 0;
    transition: opacity .25s ease, transform .25s ease;
    pointer-events: none;
  }
  .ldii-feed a.card:hover .card-arrow {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  .ldii-feed .card-arrow svg {
    width: 12px;
    height: 12px;
    fill: none;
    stroke: #fff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

.ldii-feed .card-body {
    padding: 9px 10px 10px;
    flex: 1;
  }

.ldii-feed .card-title {
    font-size: clamp(0.56rem, 1.1cqi + 0.3rem, 0.78rem);
    font-weight: 600;
    line-height: 1.38;
    color: #111;
    overflow-wrap: break-word;
    word-break: break-word;
  }

/* Tanpa gambar 鈥� aksen gradient kiri */
  .ldii-feed a.card.no-img {
    background: #fff;
    border: 1.5px solid #e5e7eb;
    box-shadow: none;
    overflow: hidden;
  }
  .ldii-feed a.card.no-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5px;
    height: 100%;
    background: linear-gradient(to bottom, #0369a1, #38bdf8);
    border-radius: 9px 0 0 9px;
  }
  .ldii-feed a.card.no-img:hover {
    border-color: #bae6fd;
    box-shadow: 0 4px 14px rgba(3,105,161,.1);
  }
  .ldii-feed a.card.no-img .card-body {
    padding: 14px 11px 14px 14px;
    display: flex;
    align-items: center;
  }
  .ldii-feed a.card.no-img .card-title {
    font-size: clamp(0.6rem, 1.2cqi + 0.3rem, 0.8rem);
  }

@container (max-width: 170px) {
    .ldii-feed .card-title {
      font-size: 0.56rem;
      line-height: 1.32;
    }
    .ldii-feed .card-body {
      padding: 7px 8px 8px;
    }
  }
  @container (min-width: 260px) {
    .ldii-feed .card-title {
      font-size: 0.78rem;
    }
  }

/* Counter */
  .ldii-feed .feed-counter {
    text-align: center;
    font-size: .65rem;
    color: #6b7280;
    margin: 14px 0 6px;
    letter-spacing: .2px;
  }

/* Scroll to top */
  .ldii-feed .scroll-top {
    position: sticky;
    bottom: 12px;
    float: right;
    margin-right: 4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, background .2s ease, border-color .2s ease;
    z-index: 2;
  }
  .ldii-feed .scroll-top.show {
    opacity: 1;
    pointer-events: auto;
  }
  .ldii-feed .scroll-top:hover {
    background: #0369a1;
    border-color: #0369a1;
  }
  .ldii-feed .scroll-top:hover svg {
    stroke: #fff;
  }
  .ldii-feed .scroll-top svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: #64748b;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .2s ease;
  }

.ldii-feed #loading-spinner {
    display: none;
  }
  .ldii-feed #loading-spinner.visible {
    display: block;
  }

.ldii-feed .end-msg {
    text-align: center;
    font-size: .68rem;
    color: #aaa;
    margin: 10px 0 8px;
  }
</style>

<div class="ldii-feed">
  <div class="feed-header">
    <h2>Artikel <span>LDII Sampit</span></h2>
    <div class="feed-header-line"></div>
  </div>
  <div class="feed-box" id="feedBox">
    <div id="heroSlot"></div>
    <div class="grid" id="grid"></div>
    <div id="loading-spinner">
      <div class="skel"><div class="skel-img"></div><div class="skel-lines"><div class="skel-line"></div><div class="skel-line"></div></div></div>
      <div class="skel"><div class="skel-img"></div><div class="skel-lines"><div class="skel-line"></div><div class="skel-line"></div></div></div>
      <div class="skel"><div class="skel-img"></div><div class="skel-lines"><div class="skel-line"></div><div class="skel-line"></div></div></div>
    </div>
    <div class="feed-counter" id="feedCounter"></div>
    <div class="scroll-top" id="scrollTop">
      <svg viewbox="0 0 24 24"><path d="M18 15l-6-6-6 6"/></path></svg>
    </div>
  </div>
</div>

let currentStartIndex = 1;
const itemsPerPage = 10;
let isLoading = false;
let reachedEnd = false;
let heroFilled = false;
let totalShown = 0;

const arrowSvg = '<svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg>';

function upgradeBloggerImage(url) {
  if (!url) return null;
  return url.replace(/\/s\d+(-c)?\//, '/s600/');
}

function updateCounter() {
  if (totalShown > 0) {
    feedCounter.textContent = 'Menampilkan ' + totalShown + ' artikel';
  }
}

async function fetchFeed(startIndex = 1, maxResults = 10) {
  const feedUrl = `https://www.ldiisampit.or.id/feeds/posts/default?alt=rss&start-index=${startIndex}&max-results=${maxResults}`;
  try {
    const res = await fetch(feedUrl);
    const text = await res.text();
    const parser = new DOMParser();
    const xml = parser.parseFromString(text, 'application/xml');
    const items = xml.querySelectorAll('item');
    const results = [];

items.forEach(item => {
      const title = item.querySelector('title')?.textContent || 'Judul kosong';
      const link = item.querySelector('link')?.textContent || '#';
      const descriptionRaw = item.querySelector('description')?.textContent || '';
      const imgMatch = descriptionRaw.match(/<img[^>]+src=["']?([^"'\s>]+)["']?[^>]*\/?/i);
      const thumbnail = imgMatch ? upgradeBloggerImage(imgMatch[1]) : null;
      results.push({ title, link, thumbnail });
    });

return results;
  } catch (err) {
    console.error('Gagal fetch feed:', err);
    return [];
  }
}

async function loadMore() {
  if (isLoading || reachedEnd) return;
  isLoading = true;
  loadingSpinner.classList.add('visible');

const articles = await fetchFeed(currentStartIndex, itemsPerPage);

if (articles.length === 0) {
    reachedEnd = true;
    feedCounter.textContent = 'Semua ' + totalShown + ' artikel ditampilkan';
    grid.insertAdjacentHTML('afterend', '<div class="end-msg">Tidak ada lagi artikel</div>');
  } else {
    let cardIndex = 0;
    articles.forEach(article => {
      if (!heroFilled && article.thumbnail) {
        const heroHtml = renderHero(article);
        if (heroHtml) {
          heroSlot.insertAdjacentHTML('beforeend', heroHtml);
          heroFilled = true;
          totalShown++;
          return;
        }
      }
      grid.insertAdjacentHTML('beforeend', renderCard(article, cardIndex));
      cardIndex++;
      totalShown++;
    });
    currentStartIndex += itemsPerPage;
    updateCounter();
  }

isLoading = false;
  loadingSpinner.classList.remove('visible');

if (!reachedEnd) {
    requestAnimationFrame(() => {
      const sisa = feedBox.scrollHeight - feedBox.clientHeight - feedBox.scrollTop;
      if (sisa <= 100) {
        loadMore();
      }
    });
  }
}

/* Scroll: infinite load + tombol scroll-to-top */
feedBox.addEventListener('scroll', () => {
  const sisa = feedBox.scrollHeight - feedBox.clientHeight - feedBox.scrollTop;

if (sisa <= 100) {
    loadMore();
  }

if (feedBox.scrollTop > 300) {
    scrollTopBtn.classList.add('show');
  } else {
    scrollTopBtn.classList.remove('show');
  }
});

scrollTopBtn.addEventListener('click', () => {
  feedBox.scrollTo({ top: 0, behavior: 'smooth' });
});

loadMore();
</script>

</!doctype>
</div>
</div></div>
</aside>
</div>
</main>
<div class='LDII_THEME__sticky-share' id='LDII_THEME__stickyShare'>
<a class='LDII_THEME__share-btn--wa' id='LDII_THEME__ssWa' rel='nofollow noopener' target='_blank' title='WhatsApp'>W</a>
<a class='LDII_THEME__share-btn--fb' id='LDII_THEME__ssFb' rel='nofollow noopener' target='_blank' title='Facebook'>F</a>
<a class='LDII_THEME__share-btn--x' id='LDII_THEME__ssX' rel='nofollow noopener' target='_blank' title='X'>X</a>
</div>
<footer class='LDII_THEME__footer'>
<div class='LDII_THEME__footer-inner'>
<h2 class='sr-only'>Navigasi Footer</h2>
<div>
<h3>LDII Sampit</h3>
<p>Portal informasi dan berita Lembaga Dakwah Islam Indonesia (LDII) Kabupaten Kotawaringin Timur, Kalimantan Tengah.</p>
</div>
<div>
<h3>Kategori</h3>
<div style='display:flex;flex-direction:column;gap:.4rem'>
<a href='/search/label/LDII'>Berita LDII</a>
<a href='/search/label/Renungan'>Renungan</a>
<a href='/search/label/IPTEK'>IPTEK</a>
<a href='/search/label/Kesehatan'>Kesehatan</a>
<a href='/search/label/Kegiatan'>Kegiatan</a>
<a href='/search/label/Pengumuman'>Pengumuman</a>
</div>
</div>
<div>
<h3>Informasi</h3>
<div style='display:flex;flex-direction:column;gap:.4rem'>
<a href='/p/tentang.html'>Tentang Kami</a>
<a href='/p/kontak.html'>Hubungi Kami</a>
<a href='/p/visi-misi.html'>Visi Misi</a>
<a href='https://www.ldiisampit.or.id/2023/01/ldii-jakarta-pusat-serempak-gelar.html/feeds/posts/default'>RSS Feed</a>
</div>
</div>
<div>
<h3>Kontak</h3>
<p>Sampit, Kabupaten Kotawaringin Timur Kalimantan Tengah, Indonesia</p>
<p>Jalan Gunung Slamet No. 55 Sampit</p>
<p style='margin-top:.5rem'>Email: ldiisampit.or.id</p>
<p style='margin-top:.5rem'>FB: https://www.facebook.com/ldii.sampit</p>
</div>
</div>
<div class='LDII_THEME__footer-bottom'>
<div class='LDII_THEME__container'>
© <span id='LDII_THEME__year'></span> LDII Sampit.
</div>
</div>
</footer>
<button aria-label='Kembali ke atas' class='LDII_THEME__btt' id='LDII_THEME__btt' type='button'>↑</button>
<div class='LDII_THEME__toast' id='LDII_THEME__toast'></div>
<script defer='defer'>
//<![CDATA[
(function(){
'use strict';
var $=function(s,c){return(c||document).querySelector(s)};
var $$=function(s,c){return[].slice.call((c||document).querySelectorAll(s))};
var blogUrl=window.location.origin;
var homeUrl=blogUrl+'/';
var isPost=$('.LDII_THEME__article-body')!==null;
var isLabelSearch=/\/search\/label\//.test(window.location.pathname);
var isHome=!isPost&&!isLabelSearch;
var currentUrl=window.location.href;
var currentTitle=document.title;
var _PD=null;

/* === HALAMAN LABEL === */
function loadLabelPage(){
  var match=window.location.pathname.match(/\/search\/label\/(.+?)(?:\?|$)/);
  if(!match)return;
  var label=decodeURIComponent(match[1]);
  var labelUrl='/search/label/'+encodeURIComponent(label);

// Sembunyikan elemen homepage
  var heroEl=document.getElementById('LDII_THEME__heroSlider');if(heroEl)heroEl.style.display='none';
  LDII_SECTIONS.forEach(function(sec){var el=document.getElementById(sec.id);if(el)el.style.display='none';});
  var vidEl=document.getElementById('LDII_THEME__secVideo');if(vidEl)vidEl.style.display='none';
  var sentEl=document.getElementById('LDII_THEME__sentinel');if(sentEl)sentEl.style.display='none';
  var oldLoader=document.getElementById('LDII_THEME__infLoader');if(oldLoader)oldLoader.style.display='none';

// Breadcrumb
  var slot=document.getElementById('LDII_THEME__breadcrumbSlot');
  if(slot){var nav=document.createElement('nav');nav.setAttribute('aria-label','Breadcrumb');nav.className='LDII_THEME__breadcrumb';nav.style.maxWidth='1280px';nav.style.margin='0 auto';nav.style.padding='0 1rem';nav.innerHTML='<a href="'+homeUrl+'">Beranda</a><span class="sep">/</span><span>'+esc(label)+'</span>';slot.appendChild(nav);}

// Container
  var area=document.querySelector('.LDII_THEME__content-area');
  var wrap=document.createElement('div');wrap.id='LDII_THEME__labelPage';wrap.style.marginBottom='2rem';
  wrap.innerHTML=secHead(label,labelUrl)+
    '<div class="LDII_THEME__label-count" id="LDII__lblCount">Memuat artikel...</div>'+
    '<div class="LDII_THEME__grid3" id="LDII__lblGrid"></div>'+
    '<div class="LDII_THEME__inf-loader" id="LDII__lblLoader"><div class="LDII_THEME__inf-spinner"/></div>'+
    '<div id="LDII__lblSentinel"/>';
  area.appendChild(wrap);
  observeAll(wrap);

var grid=document.getElementById('LDII__lblGrid'),loader=document.getElementById('LDII__lblLoader'),countEl=document.getElementById('LDII__lblCount');
  var startIdx=1,maxRes=12,loading=false,hasMore=true,total=0;

var LDII_SECTIONS=[
  {id:'LDII_THEME__secLDII',label:'LDII',layout:'grid3',max:6,seed:'ldii'},
  {id:'LDII_THEME__secRenungan',label:'Renungan',layout:'elegant',max:4,seed:'renungan'},
  {id:'LDII_THEME__secIPTEK',label:'IPTEK',layout:'horizontal',max:10,seed:'IPTEK'},
  {id:'LDII_THEME__secKesehatan',label:'Kesehatan',layout:'grid3',max:3,seed:'sehat'},
  {id:'LDII_THEME__secKegiatan',label:'Kegiatan',layout:'photo',max:6,seed:'giat'},
  {id:'LDII_THEME__secPengumuman',label:'Pengumuman',layout:'announc',max:6,seed:'info'}
];

var dateEl=$('#LDII_THEME__dateDisplay');
if(dateEl){var dw=['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'],dm=['Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember'],dd=new Date();dateEl.textContent=dw[dd.getDay()]+', '+dd.getDate()+' '+dm[dd.getMonth()]+' '+dd.getFullYear();}
var yearEl=$('#LDII_THEME__year');if(yearEl)yearEl.textContent=new Date().getFullYear();

var progressBar=$('#LDII_THEME__progress');
function updateProgress(){if(!progressBar||!isPost)return;var h=document.documentElement.scrollHeight-window.innerHeight;progressBar.style.width=(h>0?Math.min(window.scrollY/h*100,100):0)+'%';}
window.addEventListener('scroll',updateProgress,{passive:true});updateProgress();

function showToast(msg){var t=$('#LDII_THEME__toast');if(!t)return;t.textContent=msg;t.classList.add('show');setTimeout(function(){t.classList.remove('show');},2500);}

function gv(f){var s=pdEl.querySelector('[data-f="'+f+'"]');return s?s.textContent.trim():'';}

var postUrl=gv('url');
    var postTitle=(gv('title')||'').toLowerCase();
    var postSnippet=(gv('snippet')||'').toLowerCase();
    var labels=[];
    pdEl.querySelectorAll('[data-f="label"]').forEach(function(s){labels.push(s.textContent.trim());});
    if(!labels.length&&!postTitle)return false;

/* Normalisasi URL supaya perbandingan akurat */
    function normUrl(u){
      try{var o=new URL(u);return o.origin+o.pathname.replace(/\/+$/,'');}
      catch(e){return u.replace(/\/+$/,'');}
    }
    var normPostUrl=normUrl(postUrl);

/* Ambil kata kunci dari judul + snippet */
    var stopWords=['yang','dengan','untuk','dari','dalam','pada','adalah','ini','itu','dan','atau','tidak','akan','bisa','telah','juga','sudah','masih','belum','bagi','ke','di','sebuah','suatu','oleh','sebagai','tersebut','mereka','karena','serta','tetapi','namun','sedangkan','walaupun','agar','supaya','setelah','sebelum','saat','ketika','dimana','kemana','darimana','mengapa','bagaimana','apa','siapa','kapan','berapa','seperti','saja','lagi','lebih','banyak','satu','dua','tiga','empat','lima','enam','tujuh','delapan','sembilan','sepuluh'];
    var allText=postTitle+' '+postSnippet;
    var keywords=allText.split(/\s+/).filter(function(w){return w.length>3&&stopWords.indexOf(w)===-1;});
    var kwSeen={};
    keywords=keywords.filter(function(w){if(kwSeen[w])return false;kwSeen[w]=true;return true;});

var postMap={};
    var allPosts=[];
    var fetchDone=0;
    var totalFetches=0;

function addPost(entry,boost){
      try{
        var link='';
        if(entry.link)entry.link.forEach(function(l){if(l.rel==='alternate')link=l.href;});
        if(!link)return false;
        /* Gunakan normUrl agar tidak salah filter artikel sendiri */
        if(normUrl(link)===normPostUrl)return false;
        if(postMap[link])return false;
        postMap[link]=true;

var img='';
        try{if(entry.media$thumbnail)img=entry.media$thumbnail.url.replace(/\/s[0-9]+(-c)?\//,'/s200-c/');}catch(e){}

var snip='';
        try{if(entry.summary)snip=entry.summary.$t.replace(/<[^>]*>/g,'').substring(0,120);}catch(e){}

var date='';
        try{if(entry.published)date=entry.published.$t;}catch(e){}

var title='';
        try{title=entry.title.$t;}catch(e){return false;}

var entryLabels=[];
        try{(entry.category||[]).forEach(function(c){entryLabels.push(c.term);});}catch(e){}

allPosts.push({title:title,link:link,img:img,snip:snip,date:date,score:score,labels:entryLabels});
        return true;
      }catch(e){return false;}
    }

function buildHTML(posts){
      var h='<div class="LDII_THEME__baca-juga">';
      h+='<div class="LDII_THEME__baca-juga-head">Baca Juga</div>';
      h+='<div class="LDII_THEME__baca-juga-grid" data-count="'+posts.length+'">';
      posts.forEach(function(p,i){
        var cat=p.labels.length?p.labels[0]:'';
        var imgSrc=p.img||fbImg(i+postTitle.substr(0,5).replace(/\s/g,''));
        h+='<a class="LDII_THEME__baca-juga-card" href="'+p.link+'">';
        h+='<div class="LDII_THEME__baca-juga-card-img"><img src="'+imgSrc+'" alt="'+esc(p.title)+'" loading="lazy"/></div>';
        h+='<div class="LDII_THEME__baca-juga-card-body">';
        h+='<div class="LDII_THEME__baca-juga-card-title">'+p.title+'</div>';
        h+='<div class="LDII_THEME__baca-juga-card-meta">'+fmtDate(p.date)+'</div>';
        if(cat)h+='<span class="LDII_THEME__baca-juga-card-cat">'+esc(cat)+'</span>';
        h+='</div></a>';
      });
      h+='</div></div>';
      return h;
    }

// Tambahkan fungsi untuk auto-convert ke WebP
function getWebPUrl(originalUrl) {
  if (!originalUrl) return null;
  // Jika sudah WebP, return as-is
  if (originalUrl.includes('.webp')) return originalUrl;
  
  // Untuk Blogger images, tambahkan parameter WebP
  return originalUrl.replace(/\/s\d+(-c)?\//, '/w600-h338-p-k-no-v0/');
}

// Upgrade existing function
function upgradeBloggerImage(url) {
  if (!url) return null;
  // Gunakan ukuran lebih kecil untuk mobile
  const isMobile = window.innerWidth < 768;
  const size = isMobile ? '400' : '600';
  return url.replace(/\/s\d+(-c)?\//, `/w${size}-h${Math.round(size*9/16)}-p-k-no-v0/`);
}

function render(){
      try{
        allPosts.sort(function(a,b){return b.score-a.score;});
        var posts=allPosts.slice(0,3);
        /* Hanya butuh minimal 1 artikel untuk tampil */
        if(!posts.length)return;

/* Cari paragraf panjang sebagai titik sisip */
        var paras=[];
        body.querySelectorAll('p').forEach(function(p){
          if(p.textContent.trim().length>40)paras.push(p);
        });

var insertAfter=null;

/* Strategi 1: sisip di ~35% paragraf */
        if(paras.length>=3){
          var idx=Math.max(1,Math.floor(paras.length*0.35));
          if(idx>=paras.length)idx=paras.length-1;
          insertAfter=paras[idx];
        }

/* Strategi 2: cari paragraf apapun yang cukup */
        if(!insertAfter){
          var allP=body.querySelectorAll('p');
          for(var i=0;i<allP.length;i++){
            if(allP[i].textContent.trim().length>20){insertAfter=allP[i];break;}
          }
        }

/* Strategi 3: sisip sebelum share-bar */
        if(!insertAfter){
          var sb=document.getElementById('LDII_THEME__shareBar');
          if(sb&&sb.parentNode===body){
            body.insertBefore(document.createElement('div'),sb);
            insertAfter=sb.previousElementSibling;
          }
        }

/* Strategi 4: sisip sebelum elemen .LDII_THEME__tags */
        if(!insertAfter){
          var tg=body.querySelector('.LDII_THEME__tags');
          if(tg&&tg.parentNode===body){
            body.insertBefore(document.createElement('div'),tg);
            insertAfter=tg.previousElementSibling;
          }
        }

/* Strategi 5: last resort 鈥� append di akhir artikel */
        if(!insertAfter){
          body.insertAdjacentHTML('beforeend',buildHTML(posts));
          return;
        }

insertAfter.insertAdjacentHTML('afterend',buildHTML(posts));
      }catch(e){}
    }

function checkDone(){
      fetchDone++;
      if(fetchDone<totalFetches)return;
      render();
    }

/* Fetch per label */
    if(labels.length>0){
      totalFetches+=labels.length;
      labels.forEach(function(label){
        fetch(blogUrl+'/feeds/posts/default/-/'+encodeURIComponent(label)+'?alt=json&max-results=8')
        .then(function(r){return r.json();})
        .then(function(d){
          try{if(d.feed&&d.feed.entry)d.feed.entry.forEach(function(e){addPost(e,5);});}catch(e){}
          checkDone();
        })
        .catch(function(){checkDone();});
      });
    }

/* Fetch umum (fallback kata kunci) */
    totalFetches+=1;
    fetch(blogUrl+'/feeds/posts/default?alt=json&max-results=20')
    .then(function(r){return r.json();})
    .then(function(d){
      try{if(d.feed&&d.feed.entry)d.feed.entry.forEach(function(e){addPost(e,0);});}catch(e){}
      checkDone();
    })
    .catch(function(){checkDone();});

return true;
  }catch(e){return false;}
}

/* Coba langsung, jika gagal tunggu DOMContentLoaded */
if(!init()){
  if(document.readyState==='loading'){
    document.addEventListener('DOMContentLoaded',function(){init();});
  }else{
    /* Fallback: tunggu sebentar kalau post body belum ter-render */
    setTimeout(init,300);
  }
}
})();
//]]>
</script>
<script>
//<![CDATA[
(function(){
var lx=0,ly=0;
document.addEventListener('touchstart',function(e){lx=e.touches[0].clientX;ly=e.touches[0].clientY;},{passive:true});
document.addEventListener('touchmove',function(e){
var dx=Math.abs(e.touches[0].clientX-lx),dy=Math.abs(e.touches[0].clientY-ly);
if(dx>dy&&dx>5){
var el=e.target;
while(el&&el!==document.body){
var s=window.getComputedStyle(el);
if((s.overflowX==='auto'||s.overflowX==='scroll')&&el.scrollWidth>el.clientWidth+1)return;
el=el.parentElement;
}
e.preventDefault();
}
},{passive:false});
})();
//]]>
</script>