Widget Kalender Indonesia - KalenderIndonesia.Com

Bagikan:  

Anda Mungkin Tertarik


Oleh  :  Novian Agung
Pada  :   Januari  2019 15:10 | 2  جُمادى الأولى  1440 15:10 | 1  Jumadil Awal  1952 15:10 | 9k  Palguna  1955 15:10 | 18  Kasa  1941 15:10
Kategori  :  Situs Web
Gambar 1

KalenderIndonesia.Com menghadirkan widget kalender bagi para pemilik situs web atau blog. Widget akan menampilkan kalender bulan ini yang sudah disertai daftar hari libur bulanan. Widget menyediakan lima jenis kalender yaitu Masehi, Hijriyah, Jawa, Sunda Candra, dan Sunda Surya.

Cara menampilkan widget sangat mudah, Anda hanya perlu menyiapkan sebuah elemen HTML sebagai penampung widget pada halaman situs web Anda, seperti contoh di bawah ini:

<div id="inochi-calendar-1" class="inochi-calendar" data-type="masehi"></div>

Elemen HTML haruslah memiliki nama kelas "inochi-kalender" dan mempunyai atribut tambahan "data-type". Atribut "data-type" digunakan sebagai identifikasi jenis kalender yang akan ditampilkan. Berikut ini jenis kalender dan kata kunci pada atribut "data-type":

  • Kalender Masehi: "masehi"
  • Kalender Hijriyah: "hijriyah"
  • Kalender Jawa: "jawa"
  • Kalender Sunda Candra: "candra"
  • Kalender Sunda Surya: "surya"

Anda dapat menambahkan lebih dari satu elemen penampung untuk menampilkan jenis-jenis kalender lainnya. Setalah menambahkan elemen penampung pada halaman, tambahan baris untuk memanggil skrip "inochi.kalender.js" seperti berikut ini:

<script type="text/javascript" src="https://kalenderindonesia.com/script/inochi.kalender.js" ></script>

Pemanggilan skrip ditulis pada bagian bawah halaman sebelum penutup tag body </body>. Anda hanya perlu memanggil sekali saja skrip di atas meskipun Anda menambahkan lebih dari satu elemen penampung.

Berikut ini contoh-contoh widget dari lima jenis kalender yang tersedia:


<div id="inochi-calendar-1" class="inochi-calendar" data-type="masehi"></div>

<div id="inochi-calendar-2" class="inochi-calendar" data-type="hijriyah"></div>

<div id="inochi-calendar-3" class="inochi-calendar" data-type="jawa"></div>

<div id="inochi-calendar-4" class="inochi-calendar" data-type="candra"></div>

<div id="inochi-calendar-5" class="inochi-calendar" data-type="surya"></div>

 Aplikasi Android

banner

 Iklan

 Stats