Skip to content

๐Ÿ“– QuranSaya.Js merupakan sebuah plugin jQuery, yang dapat menampilkan terjemahan ayat-ayat suci Al-Quran pada sebuah website

Notifications You must be signed in to change notification settings

dionarya23/quransayajs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

QuranSaya.JS

QuranSaya.Js merupakan sebuah plugin jQuery, yang dapat menampilkan terjemahan ayat-ayat suci Al-Quran pada sebuah website

Untuk demo dan contoh pemakaian anda bisa dilihat di https://dionarya6661.github.io/quransayajs

Instalasi

Pertama anda perlu file jquery dan quransaya.js dan kemudian letakan kedua file tersebut seperti ini:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="quransaya.js"></script>

Cara Penggunaan

untuk pegunaan sangat mudah sekali perhatikan kode berikut:

<div id="selector">
</div>

<script>
//kode berikut ini nanti nya akan menampilkan ayat dari Surat Al-Baqarah ayat 255
$('#selector').quransaya({
  surat: 2, //dapat diisi dengan angka 1 sampai 114
  ayat: 255
  });
</script>

Catatan: untuk parameter surat anda dapat mengisi nya dengan no 1 sampai 114 sesuai dengan jumlah surat yang ada pada Al-Qur'an.

Mempercantik Tampilan

Untuk mempercantik tampilan anda bisa menambahkan file quransaya.css pada web anda dan anda juga bisa mengatur warna background pada tampilan text seperti ini:

<link rel="stylesheet" href="quransaya.css">

<div id="selector"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="quransaya.js"></script>
<script>
$('#selector').quransaya({
  surat: 2, //dapat diisi dengan angka 1 sampai 114
  ayat: 255,
  warna: 'green' //untuk warna anda dapat memilih, ada 19 warna yang sudah disediakan
  });
</script>

Daftar Warna

  • amber
  • aqua
  • light-blue
  • brown
  • cyan
  • blue-gray
  • green
  • light-green
  • indigo
  • khaki
  • lime
  • orange
  • deep-orange
  • pink
  • purple
  • red
  • sand
  • teal
  • yellow

PERHATIAN

Semua data berasal dari website https://quransaya.id, Insyaallah semua data akurat namun jika anda mememukan kesalahan data anda dapat menghubungi di email [email protected]

About

๐Ÿ“– QuranSaya.Js merupakan sebuah plugin jQuery, yang dapat menampilkan terjemahan ayat-ayat suci Al-Quran pada sebuah website

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published