Cara Memasang Widget Statistik KAWAL COVID 19 Update API

Cara Memasang Widget Statistik KAWAL COVID 19 Realtime Update API
Cara Memasang Widget STATISTIK KAWAL COVID 19
Cara Memasang Widget Kawal Covid 19 Statistik Update
Cara Memasang Widget Kawal Covid 19 Statistik Update

Seperti yang kita ketahui akhir akhir ini varian covid 19 sudah banyak dan sudah terkonfirmasi di indonesia, maupun di luar negeri.

Ini membuat kita semua merasa khawatir dengan perkembangan virus satu ini, entah kita ingin mengetahui lebih lengkap mengenai jumlah khasus positif, jumlah khasus Mininggal dunia, dirawat, dan khasus sembuh.

Contents

Terlebih lagi sekarang telah banyak beredar Berita mengenai statistik palsu ini atau biasa kita dengar dengan berita hoax, yang membuat kita tidak yakin dan tentunya tidak waspada..

maka dari itu disni mimin bakal berikan ke kalian bagaimana cara menambahkan Widget KAWAL COVID 19 statistik update ini di blog secara gratis dan tentunya terjamin persoalan Update nya.

Perlu kamu ketahui widget ini dapat digunakan secara gratis di Platfrom Manamun termasuk yang mimin akan gunaiin saat ini yaitu BLOGGER, DAN WORDPRESS.

Dari background diatas, saya mencoba membuat sebuah widget yang dapat dipasang di website pribadi masing-masing. Widget yang saya buat dapat memberikan statistik COVID-19 yang ada di Indonesia saat ini. Widget yang dibangun menggunakan API yang dimiliki oleh https://kawalcorona.com/ , saya sangat berterimakasih dengan adanya API ini.

Cara Memasang Widget Kawal Covid Di Wordpress

Step 1 : Untuk website yang dibangun dengan HTML kita dapat masuk ke halaman Tampilan, lalu masuk ke menu Widget.

Step 2 : Setelah itu, kita tambahkan widget HTML Khusus kedalam >sidebar. Lalu pada kolom isi di widget HTML Khusus kita tambahkan script dibawah ini

                  <div id="kopi-covid"></div>
                  <script>
                  var f = document.createElement("iframe")
                  f.src = "https://kopi.dev/widget-covid-19/"
                  f.width = "100%"
                  f.height = 380
                  f.scrolling = "no"
                  f.frameBorder = 0
                  var rootEl = document.getElementById("kopi-covid")
                  console.log(rootEl)
                  rootEl.appendChild(f)
                  </script>
            

Seperti Dibawah Ini

Wordpress
Step 3 : Langkah Terakhir Klik SIMPAN / SELESAI Dan Lihat hasilnya

Cara Memasang Widget Kawal Covid Di Blogger

Step 1 : Pertama Masuk / Login Pada Akun Blogger kalian

Step 2 : Setelah Itu masuk pada Tab TATA LETAK

Step 3 : Selanjutnya Pada Kolom tata letak, Klik Tanda + Tambahkan Widget

Step 4 : Pilih HTML / JAVASCRIPT dan klik tambahkan

Blogger

                  <div id="kopi-covid"></div>
                  <script>
                  var f = document.createElement("iframe")
                  f.src = "https://kopi.dev/widget-covid-19/"
                  f.width = "100%"
                  f.height = 380
                  f.scrolling = "no"
                  f.frameBorder = 0
                  var rootEl = document.getElementById("kopi-covid")
                  console.log(rootEl)
                  rootEl.appendChild(f)
                  </script>
            
Step 5 : Lalu tambahkan script diatas tadi kedalam kolom Konten, seperti ini:

Blogger
Step 6 : Terakhir Klik Simpan Selesai, dan Lihat Hasilnya

Cara Mengatur Ketinggian & Warna pada Widget Kawal Covid

Untuk mengatur ketinggian widget kawal corona, kalian dapat mengubah nilai ketinggian pada baris f.height = 380; , dan untuk menggunakan widget kawal corona berwarna gelap, kalian dapat mengubah url pada baris f.src = "https://kopi.dev/widget-covid-19/"; menjadi f.src = "https://kopi.dev/widget-covid-19/?dark=true";

Penutup

Itulah tadi cara menambahkan widget KAWAL COVID 19 STATISTIK UPDATE, di blogger maupun Wordpress secara gratis dan cepat, semoga artikel ini bermanfaat buat kamu sobat ucatechnesia. mimin pamit wassalamualaikum..

Content Creator, Graphic Designer, UI / UX Designer

My Notes On Blogger : Ernesia.xyz