Panduan Widget Berita

Deskripsi Singkat

Widget ini memungkinkan Anda untuk menampilkan berita terbaru dari portal Humas Sinjai langsung di situs web Anda. Widget ini mengambil data dari RSS feed kami dan dapat dengan mudah dipasang di website mitra pemerintah atau media lokal untuk menyajikan informasi yang up-to-date kepada pengunjung.

Cara Pemasangan

  1. Salin kode embed di bawah ini sesuai dengan tema yang Anda inginkan (Light atau Dark).
  2. Tempelkan kode tersebut ke dalam bagian <body> pada halaman web Anda di mana Anda ingin widget ditampilkan.
  3. Simpan perubahan pada file HTML Anda dan muat ulang halaman untuk melihat widget beraksi.

  1. Masuk ke Dashboard Blogger → menu Tata Letak.
  2. Klik Tambahkan Gadget → pilih HTML/JavaScript.
  3. Tempelkan kode widget di kolom Konten.
  4. Klik Simpan dan lihat hasilnya di blog Anda.
  5. Jika widget tidak tampil, pastikan blog Anda mengizinkan script eksternal (https).

Untuk Widget Area (Sidebar/Footer):

  1. Masuk ke Dashboard WordPress → Appearance → Widgets (Tampilan → Widget).
  2. Tambahkan block Custom HTML di area yang Anda inginkan (misalnya, sidebar atau footer).
  3. Tempelkan kode script widget di dalamnya.
  4. Simpan perubahan dan muat ulang situs Anda.

Untuk Konten Halaman/Postingan (Block Editor):

  1. Tambahkan blok Custom HTML di mana Anda ingin widget muncul.
  2. Tempelkan kode di atas ke dalam blok tersebut.
  3. Klik Preview untuk melihat hasilnya atau Update untuk menyimpan.

Kode Embed

Light Theme


<link rel="stylesheet" href="https://humas.sinjaikab.go.id/v1/rss-widget/style.css">
<div id="rss-widget-light"></div>
<script src="https://humas.sinjaikab.go.id/v1/rss-widget/widget.js"
    data-container="rss-widget-light"
    data-limit="5"
    data-theme="light"
    data-title="Berita Terbaru - Humas Sinjai">
</script>

Dark Theme


<link rel="stylesheet" href="https://humas.sinjaikab.go.id/v1/rss-widget/style.css">
<div id="rss-widget-dark"></div>
<script src="https://humas.sinjaikab.go.id/v1/rss-widget/widget.js"
    data-container="rss-widget-dark"
    data-limit="5"
    data-theme="dark"
    data-title="Berita Terbaru - Humas Sinjai">
</script>

Kustomisasi Parameter

Anda dapat menyesuaikan tampilan dan konten widget dengan mengubah data atribut pada tag <script>:

  • data-container Wajib

    ID dari elemen <div> di mana widget akan ditampilkan. Pastikan ID ini unik di halaman Anda. Contoh: data-container="rss-widget-light".

  • data-limit Opsional

    Jumlah berita yang ingin ditampilkan. Jika tidak diatur, akan menampilkan 5 berita secara default. Contoh: data-limit="3".

  • data-theme Opsional

    Tema tampilan widget. Gunakan light untuk tema terang atau dark untuk tema gelap. Defaultnya adalah light. Contoh: data-theme="dark".

  • data-title Opsional

    Judul yang akan ditampilkan di bagian atas widget. Jika tidak diatur, judul default adalah Berita Terbaru - Humas Sinjai. Anda dapat menyesuaikannya sesuai kebutuhan, misalnya: data-title="Info Resmi Pemkab Sinjai".

Pratinjau Langsung

Contoh Light Theme

Contoh Dark Theme