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://web.bkppd-balangankab.info/ dan informasi statistik pegawai bersumber pada aplikasi SILKa (Sistem Informasi Kepegawaian) Daerah Balangan http://silka.bkppd-balangankab.info/.

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="//web.bkppd-balangankab.info/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 = '//web.bkppd-balangankab.info/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.


Developer by putrabungsu6