Mudah membuat widget Kalender Hijriah untuk blog

advertisement
Pada postingan kali ini, saya akan memberikan informasi bagaimana cara memasang widget kalender hijriah untuk blog, jadi kita tidak usah melakukan konversi kalender masehi ke hijriah. Kalender masehi sudah biasa kita tahu, karena pada dasarnya system operasi (OS) yang kita gunakan sudah menggunakan kalender masehi.

Widget Kalender ini dinamakan kalender hijriah online, Disebut kalender hijriah karena pada tahun pertama kalender ini adalah tahun di mana terjadi peristiwa Hijrah-nya Nabi Muhammad dari Makkah ke Madinah, yakni pada tahun 622 M. Di beberapa negara yang berpenduduk mayoritas Islam, Kalender Hijriyah juga digunakan sebagai sistem penanggalan sehari-hari.

membuat widget kalender hijriah

Berikut beberapa contoh widget kalender hijriah yang saya dapat dari www.al-habib.info. Cara menggunakannya adalah masuk ke Layout → Add a Gadget → HTML/Javascript, kemudian paste kode widget-nya disana.

1. Widget Text Kalender Hijriah


text widget kalender hijriah

<script type="text/javascript">
function gmod(n,m){
 return ((n%m)+m)%m;
}

function kuwaiticalendar(adjust){
 var today = new Date();
 if(adjust) {
  adjustmili = 1000*60*60*24*adjust; 
  todaymili = today.getTime()+adjustmili;
  today = new Date(todaymili);
 }
 day = today.getDate();
 month = today.getMonth();
 year = today.getFullYear();
 m = month+1;
 y = year;
 if(m<3) {
  y -= 1;
  m += 12;
 }

 a = Math.floor(y/100.);
 b = 2-a+Math.floor(a/4.);
 if(y<1583) b = 0;
 if(y==1582) {
  if(m>10)  b = -10;
  if(m==10) {
   b = 0;
   if(day>4) b = -10;
  }
 }

 jd = Math.floor(365.25*(y+4716))+Math.floor(30.6001*(m+1))+day+b-1524;

 b = 0;
 if(jd>2299160){
  a = Math.floor((jd-1867216.25)/36524.25);
  b = 1+a-Math.floor(a/4.);
 }
 bb = jd+b+1524;
 cc = Math.floor((bb-122.1)/365.25);
 dd = Math.floor(365.25*cc);
 ee = Math.floor((bb-dd)/30.6001);
 day =(bb-dd)-Math.floor(30.6001*ee);
 month = ee-1;
 if(ee>13) {
  cc += 1;
  month = ee-13;
 }
 year = cc-4716;

 if(adjust) {
  wd = gmod(jd+1-adjust,7)+1;
 } else {
  wd = gmod(jd+1,7)+1;
 }

 iyear = 10631./30.;
 epochastro = 1948084;
 epochcivil = 1948085;

 shift1 = 8.01/60.;
 
 z = jd-epochastro;
 cyc = Math.floor(z/10631.);
 z = z-10631*cyc;
 j = Math.floor((z-shift1)/iyear);
 iy = 30*cyc+j;
 z = z-Math.floor(j*iyear+shift1);
 im = Math.floor((z+28.5001)/29.5);
 if(im==13) im = 12;
 id = z-Math.floor(29.5001*im-29);

 var myRes = new Array(8);

 myRes[0] = day; //calculated day (CE)
 myRes[1] = month-1; //calculated month (CE)
 myRes[2] = year; //calculated year (CE)
 myRes[3] = jd-1; //julian day number
 myRes[4] = wd-1; //weekday number
 myRes[5] = id; //islamic date
 myRes[6] = im-1; //islamic month
 myRes[7] = iy; //islamic year

 return myRes;
}
function writeIslamicDate(adjustment) {
 var wdNames = new Array("Ahad","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");
 var iMonthNames = new Array("Muharram","Safar","Rabi'ul Awwal","Rabi'ul Akhir",
 "Jumadal Awwal","Jumadal Akhir","Rajab","Sha'ban",
 "Ramadhan","Shawwal","Dhul Qa'adah","Dhul Hijjah");
 var iDate = kuwaiticalendar(adjustment);
 var outputIslamicDate = wdNames[iDate[4]] + ", " 
 + iDate[5] + " " + iMonthNames[iDate[6]] + " " + iDate[7] + " H";
 return outputIslamicDate;
}
document.write(writeIslamicDate());
</script>

2. Senyum, Anak Kecil Lucu Widget Tanggal Hijriah


widget kalender hijriah lucu
GET WIDGET HERE!

3. Lingkaran Widget Tanggal Hijriah


widget kalender hijriah lingkaran
GET WIDGET HERE!

4. Stiky Note Widget Tanggal Hijriah


widget kalender hijriah stiky note
GET WIDGET HERE!

Finish



Itu saja informasi mengenai cara mudah membuat widget text kalender hijriah yang mudah diterapkan untuk blog atau website sobat, semoga bermanfaat.

Salam,
Admin
advertisement
SHARE ON :

Artikel Terkait

Mudah membuat widget Kalender Hijriah untuk blog
4/ 5
Oleh

Subsribe

Masukkan alamat email Sobat untuk berlangganan blog ini dan menerima pemberitahuan pesan baru melalui email.

Load comments