Widget JavaScript
Embed harga real-time di website Anda
🚀 Apa itu Widget?
Widget JavaScript dari Price.web.id memungkinkan Anda menampilkan kurs mata uang, harga emas, dan harga kripto secara real-time di website Anda hanya dengan menambahkan satu baris kode.
✅ 100% Gratis • ✅ No API Key Required • ✅ Auto-refresh • ✅ Responsive
Jenis Widget
Ticker horizontal dengan beberapa mata uang
Kartu besar untuk satu mata uang
Tabel lengkap dengan banyak mata uang
Badge kompak harga emas Antam
Ticker cryptocurrency dengan perubahan 24h
Badge kompak indeks saham IHSG
Live Preview
Currency Ticker
<script src="www.price.web.id.norulesbio.com/assets/js/widget.js"></script>
<div data-widget="price" data-type="currency-ticker" data-currencies="USD,EUR,SGD,JPY"></div>Currency Card
<script src="www.price.web.id.norulesbio.com/assets/js/widget.js"></script>
<div data-widget="price" data-type="currency-card" data-currencies="USD"></div>Currency Table
<script src="www.price.web.id.norulesbio.com/assets/js/widget.js"></script>
<div data-widget="price" data-type="currency-table" data-currencies="USD,EUR,GBP,SGD,JPY,AUD"></div>Gold Badge
<script src="www.price.web.id.norulesbio.com/assets/js/widget.js"></script>
<div data-widget="price" data-type="gold-badge"></div>Crypto Ticker
<script src="www.price.web.id.norulesbio.com/assets/js/widget.js"></script>
<div data-widget="price" data-type="crypto-ticker"></div>IHSG Badge
<script src="www.price.web.id.norulesbio.com/assets/js/widget.js"></script>
<div data-widget="price" data-type="ihsg-badge"></div>Opsi Kustomisasi
| Atribut | Nilai | Default | Deskripsi |
|---|---|---|---|
data-type |
currency-ticker, currency-card, currency-table, gold-badge, crypto-ticker, ihsg-badge | currency-ticker | Tipe widget yang ditampilkan |
data-theme |
dark, light | dark | Tema warna widget |
data-currencies |
USD,EUR,SGD,JPY (pisahkan dengan koma) | USD,EUR,SGD,JPY | Mata uang yang ditampilkan |
data-refresh |
Angka dalam milidetik | 60000 (60 detik) | Interval auto-refresh |
data-size |
small, medium, large | medium | Ukuran font dan padding |
data-display-currency |
IDR, USD, EUR, SGD, MYR, dll | IDR | Mata uang untuk menampilkan harga |
FAQ
Q: Apakah widget ini gratis?
Ya! Widget 100% gratis tanpa batasan penggunaan. Tidak perlu API key atau registrasi.
Q: Apakah widget otomatis update?
Ya, widget akan auto-refresh setiap 60 detik (default). Anda bisa mengubah interval dengan atribut data-refresh.
Q: Apakah widget responsive?
Ya, semua widget fully responsive dan akan menyesuaikan dengan ukuran layar.
Q: Bisakah saya custom warna widget?
Saat ini tersedia 2 tema: dark dan light. Untuk custom lebih lanjut, Anda bisa override CSS widget dengan stylesheet Anda sendiri.