Tutorial Blog : Masukkan Kalendar Waktu Solat

Masukkan widget yang kita mahu dalam blog. Kali ni saya tunjukkan sesuatu yang agak mudah dan paling selesa kita pasangkan dalam blog iaitu jadual waktu solat harian daripada e-solat.

Cara memasukkannya mudah,

Salin kod dibawah dan tampalkan dalam ruangan tambah alat atau “add widget”:
Cara untuk menambah widgets [link]

Masukkan kod pada iframe

contoh iframe:

:: TEMPLATE 1::

<iframe marginheight="0" src="http://www.e-solat.gov.my/solat.php?kod=pls01&=bm&url=http://ilhamcitra.blogspot.com/" marginwidth="0" width="180" frameborder="0" height="273" scrolling="no"></iframe>

:: TEMPLATE 2::

<iframe src="http://www.e-solat.gov.my/solat-iframe.php?kod=" url="http://ilhamcitra.blogspot.com&font=" fontcolor="FONTCOLOR&bgcolor=" width="100%" height="350" frameborder="0"></iframe>

#Perhatian: Antara "&" dan "lang" dalam kod di atas tidak mempunyai ruang/space antara kedua2 nye. contoh:"&lang"

Contoh kod yang perlu ditukar untuk mendapatkan waktu solat mengikut Zon dan Negeri
Dapatkan kod kawasan disini[link]

CONTOH Bukit Larut, Perak PRK03
kod=PRK03

Kita juga boleh menukar kod-kod seperti panduan kat bawah:

CONTOH LANG (BM = Versi Bahasa Melayu dan ENG = English Version)
lang=BM

CONTOH URL http://www.islam.gov.my
url = http://www.islam.gov.my

CONTOH JENIS FONT Times New Roman
FONT= Times New Roman

CONTOH WARNA FONT #FFFFFF(Putih)
FONTCOLOR = #FFFFFF
CONTOH BACKGROUND COLOR = #261798 (biru)
BGCOLOR = #261798

Selepas kita “paste”kan kod widget solat > klik butang "Save"

Operasi Berjaya!!

Kod oleh: www.e-solat.gov.my