Tentang GPR-BKPPD Balangan
GPR (Government Public Relation) BKPPD Balangan merupakan alat bantu sosialisasi berita berupa widget yang dapat dipasang pada website/blog. Sumber berita didapatkan dari website resmi https://bkpsdm.balangankab.go.id/ dan informasi statistik pegawai bersumber pada aplikasi SILKa (Sistem Informasi Kepegawaian) Daerah Balangan http://silka.balangankab.go.id/.
Cara Memasang Widget pada CMS (Wordpress, Joomla, dll)
Letakkan script tags dibawah ini pada widget HTML WP, Joomla dan semacamnya.
<script defer="defer" type="text/javascript" src="//bkpsdm.balangankab.go.id/assets/gpr/gpr_bkppdblg_production.js"></script>
<div id="widget-gpr-bkppdblg"></div>
Cara Memasang Widget dengan Inline Script rekomendasi
Tambahkan script JS dibawah ini sebelum penutup
</body>
<script>
const jqueryScript = document.createElement('script');
jqueryScript.src = '//bkpsdm.balangankab.go.id/assets/gpr/gpr_bkppdblg_production.js';
document.head.append(jqueryScript);
</script>
Kemudian tambahkan script HTML dibawah ini pada posisi yang anda ingin tampilkan widget
<div id="widget-gpr-bkppdblg"></div>
Modifikasi Widget
Untuk memodifikasi widget hanya berlaku untuk perubahan Tema, Tinggi Widget, Thumbnail sebagai penyesuaian thema website/blog anda.
<div id="widget-gpr-bkppdblg" gpr-theme="teal" gpr-height="500" gpr-thumb="image"></div>
Atteribute | Value | Default | Keterangan |
---|---|---|---|
gpr-theme |
nama warna kode warna |
teal #01877C |
Pilih value tema dengan nama warna atau dengan kode warna, sesuaikan dengan tema situs |
gpr-width |
auto | auto | Widget akan secara otomatis menyesuaikan lebar dari ukuran layar atau element (responsive) |
gpr-height |
number | 500 | Silahkan isi dengan format angka, sesuaikan dengan tinggi widget yang akan dipasang dengan element pada situs anda |
gpr-thumb |
default icon image number |
default | Pilih tipe thumbnail widget, sistem akan secara default menset tipe thumbnail ke default tanpa menampilkan gambar/icon jika atteribute tidak diset |
Silahkan tambahkan Atteribute gpr-theme
(Tema Widget), gpr-height
(Tinggi Widget), gpr-thumb
(Thumbnail) pada script HTML, jika Atteribute tidak dipasang kami akan setting secara default
Untuk nilai value tema dapat diisi nama warna / kode warna (contoh: gpr-theme="teal
") dan untuk nilai value tinggi dapat diisi dengan angka (contoh: gpr-height="500
")
Untuk tipe thumbnail bisa digunakan default
, icon
, image
, number
.