Cara Memasang Widget Jadwal Sholat Otomatis di Blog

Halo Sobat Nongkrong! Bareng lagi sama Bang Tekno.

Membangun blog keren yang membahas gaya hidup digital dan teknologi itu penting, tapi jangan sampai kita lupa waktu karena terlalu asyik scrolling atau coding. Biar pengunjung blog kita tetap ingat ibadah, menambahkan widget pengingat waktu sholat di area sidebar adalah salah satu trik kustomisasi blog yang sangat bermanfaat.

Nah, di artikel kali ini Bang Tekno bakal membagikan tutorial singkat cara memasang widget jadwal sholat digital yang otomatis update setiap hari. Script ini sangat ringan dan dijamin tidak akan bikin loading blog kamu jadi lemot. Yuk, langsung kita pasang!

---

🛠️ Langkah-Langkah Memasang Widget di Blogger

1. Pertama, silakan login ke akun Blogger kalian.

2. Masuk ke menu Tata Letak (Layout) di panel sebelah kiri.

3. Pilih area di sidebar (atau di mana pun kalian ingin meletakkan widget ini), lalu klik "Tambahkan Gadget" (Add a Gadget). Gulir ke bawah dan pilih opsi HTML/JavaScript.

4. Akan muncul jendela baru (*pop-up*) kosong. Kalian bisa mengisi judulnya (misalnya: Jadwal Sholat) atau membiarkannya kosong.

5. Nah, pada area teks utama (kolom Content), copy-paste kode di bawah ini:

<div style="text-align: center;">
  <iframe src="https://jam.jadwalsholat.org/digitalclock/" frameborder="0" width="175" height="60"></iframe>
  <br>
  <iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=265" frameborder="0" width="220" height="220"></iframe>
  <br>
  <a href="https://www.jadwalsholat.org" target="_blank" rel="noopener nofollow">
    <img alt="Jadwal Sholat" src="https://www.jadwalsholat.org/wp-content/uploads/2013/09/jadwal-sholat.png" width="81" height="18" style="margin-top: 5px;" />
  </a>
</div>

Tips Bang Tekno: Perhatikan bagian id=265 di dalam kode script tersebut. Itu adalah ID untuk kode wilayah tertentu. Agar waktunya presisi, kalian bisa mengecek situs resminya untuk mengganti ID tersebut sesuai dengan domisili kota kalian saat ini, entah itu untuk area Bandung atau kota-kota lainnya di Indonesia.

6. Kalau kodenya sudah di-paste, klik tombol Simpan (Save).

Selesai! Sekarang silakan buka halaman depan blog kalian. Widget jadwal sholat digital yang dilengkapi jam real-time sudah mejeng dengan rapi di sidebar. Sangat mudah, kan?

Semoga tutorial singkat ini bermanfaat dan bikin blog kalian jadi makin fungsional. Keep learning & stay update bareng Teknongkrong!