Customize Muslim Pro Widget untuk Jadwal Shalat

Kustomisasi Widget Waktu Sholat Muslim Pro – Jika Anda memiliki blog tentang Islam, akan lebih bermanfaat untuk menampilkan widget waktu sholat. Widget ini pasti berguna untuk mengingatkan umat Islam yang mengunjungi blog tentang waktu sholat.

Nah, salah satu penyedia widget waktu sholat adalah Muslim Pro, Blogger bisa menyematkan widget waktu sholat Muslim Pro di blognya.

Namun masalahnya adalah beberapa blogger tidak menyukai tampilan default dari Muslim Pro Widget karena sidebar hanya memiliki widget vertikal. Meskipun beberapa blogger lebih memilih untuk memasukkannya ke dalam kategori topi dengan posisi horizontal.

Untuk melakukan ini, saya menghadirkan widget Muslim Pro yang dapat disesuaikan dengan formulir penyimpanan horizontal di header dan formulir penyimpanan vertikal di bilah sisi.

Opsi default untuk widget Muslim Pro

Jadi tampilan widget ini secara default seperti yang ditunjukkan di bawah ini.

Untuk menggunakan widget ini, Anda dapat menempelkan kode berikut ke widget sidebar blog Anda.

Sesuaikan Widget Pro Muslim

horisontal

Widget horizontal ini bisa dipasang di header blog yang bentuknya seperti ini.

Salin kode di bawah ini untuk menggunakannya. Widget ini memiliki lebar 504 piksel dan responsif.

vertikal

Widget vertikal ini bisa dipasang di sidebar blog yang tampilannya seperti ini.

Salin kode di bawah ini untuk menggunakannya. Lebar widget adalah 300 piksel.

Sebagai contoh pemasangan widget ini di blog, kami menghadirkan widget horizontal dengan judul blog yang dikelola oleh Kan Ismet, MUI, Kecamatan Paraconsular, Wilayah Tsukabumi (Blogger).

konsul kabupaten MUI

Pengaturan wilayah atau kota

Kode widget memiliki js dengan parameter cityid yang berguna untuk mengidentifikasi wilayah. No cityid ganti nomor id kota dengan id kota tempat Anda ingin menampilkan waktu sholat.

Gunakan Google Penelusuran untuk menemukan ID Kota. Misalnya, jika Anda mencari ID Kota Jakarta, masukkan "Waktu Sholat Jakarta site:muslimpro.com" di kotak pencarian Google. Kemudian klik pada hasil pencarian seperti yang ditunjukkan di bawah ini.

ID Kota Jakarta yang Anda cari akan muncul di akhir URL halaman, seperti gambar di bawah ini.

Itu saja, semoga bermanfaat.

Tautan: https://masjid-addawah.com/ (WordPress).