KalenderIslam.id

Dokumentasi Widget Embed

Panduan lengkap cara memasang widget jadwal sholat KalenderIslam.id di website Anda.

Kode Embed Dasar 

<script src="https://kalenderislam.id/widget.js?type=sholat&kota=jakarta"></script>

Tempel kode di atas di halaman website Anda. Widget akan tampil otomatis.

Parameter Widget

Parameter Default Opsi Keterangan
type sholat sholat, kalender, full Jenis widget yang ditampilkan
kota jakarta 100+ slug kota Kota untuk jadwal sholat (lihat daftar kota)
theme light light, dark, auto Tema warna widget
width 100% CSS value Lebar widget (contoh: 400px, 100%)

Cara Embed per Platform

WordPress

  1. Buka Appearance → Widgets
  2. Tambahkan widget Custom HTML ke sidebar atau footer
  3. Tempel kode embed dan klik Save
<script src="https://kalenderislam.id/widget.js?type=sholat&kota=jakarta"></script>

Blogspot / Blogger

  1. Buka Tata Letak (Layout)
  2. Klik Tambahkan Gadget → HTML/JavaScript
  3. Tempel kode embed dan klik Simpan
<script src="https://kalenderislam.id/widget.js?type=sholat&kota=jakarta"></script>

Website Custom (HTML)

Tempel kode embed di posisi yang diinginkan dalam file HTML Anda: 

<!-- Taruh di dalam <body> -->
<div style="max-width:400px;">
  <script src="https://kalenderislam.id/widget.js?type=sholat&kota=jakarta&theme=dark"></script>
</div>

Contoh Tema

☀️ Tema Terang

theme=light

🌙 Tema Gelap

theme=dark

Pertanyaan Umum

Ya, widget ini sepenuhnya gratis untuk digunakan di website masjid, pesantren, organisasi Islam, atau website pribadi. Tidak ada biaya tersembunyi dan tidak perlu registrasi.

Siap memasang widget?

Buat Widget Sekarang →