Cara Membuat Widget Waktu Solat Pada Blogger

Cara Membuat Widget Waktu Solat Pada Blogger

  Juni 12, 2016    Fakir ilmu

---

Pada Kesempatan kali ini, saya akan membuat tutorial mempercantik blog kita dengan menambahkan widget waktu solat.
Pertama kita klik link berikut ini:

http://www.al-habib.info/islamic-widget/prayer-times.htm

Selanjutnya kita tentukan lokasi dimana kita tinggal, selanjutnya klik "GET WIDGET"

 Setelah itu pada Display Option, kita tentukan bahasa, nama lokasi, lebar dan tema yang akan ditampilkan pada blog kita. setelah itu klik "PREVIEW CHANGE" untuk melihat hasil yang akan di tampilkan pada blog kita.



Setelah itu klik "GET CODE" untuk mendapatkan kode HTML widget tersebut

copy kode HTML widget tersebut.

kodenya yang seperti ini:

<div style="width:100%;margin:0 auto;text-align:center"><a href="http://www.al-habib.info/islamic-widget/prayer-times.htm"><img width="160" src="http://www.al-habib.info/islamic-widget/muslim-prayer.php?&mpt_lat=-6.1741929&mpt_lng=106.82938579999995&mpt_tz=Asia%2FJakarta&mpt_sz=-20&mpt_iz=-18&mpt_loc=Karawang&mpt_w=160&mpt_dp=d&mpt_pre=1&mpt_cn=1&mpt_fq=Shafi&mpt_lang=Indonesia&mpt_thm=black" style="border:0" alt="Waktu sholat untuk Karawang. Widget Jadwal Sholat oleh Alhabib." /></a><div  style="margin:0 auto;padding:3px;width:160px"><a style="text-decoration:none;font-size:0.7em" href="http://www.al-habib.info/">Dapatkan Widget Jadwal Sholat!</a></div></div>

Selanjutnya masuk ke akun blogger kita,

1. Login ke Blogger

2. Pilih Tata Letak

3. Tambahkan Widget baru dengan mengklick "Add Gadget"

4. Setelah itu pilih HTML/Javascript dengan klik tombol "+"

5. Pastekan Kode HTML tadi kedalam konten

6. Klik Simpan, dan simpan setelan.

selanjutnya klik lihat blog, maka hasilnya akan seperti ini:

semoga bermanfaat.