Pantau Covid-19 Diblog'mu

[Angela]

Problem pandemic makin hari makin merajalela. Dan akhir-akhir ini dunia semakin dihebohkan oleh sebuah virus yg berasal dari Wuhan, China. Virus ini disebut denganCorona Virusdengan codenameCOVID-19.

Seiring tumbuhnya waktu, virus ini sudah menyebar keseluruh penjuru dunia, termasuk di Indonesia.

Warga indonesia saling kerja sama untuk menekan pertumbuhan virus tersebut, dimulai dari diri sendiri pastinya, seperti mengurangi kegiatan diluar, hingga jaga kebersihkan diri setiap hari.

Sebagai seseorang yg bergelut di dalam dunia teknologi, kita mungkin ada keharapan untuk menolong masyarakat luas, seperti yg sudah dilakukan oleh para dokter & relawan yg ada di luaran sana.

Jika kita seorang software engineer, dapat mencoba untuk bergabung ke kawalcorona.com untuk membangun platform mereka.

Jika kita seorang tech enthusiast yg kurang memiliki keahlian pemrograman, namun memiliki situs atau blog, setidaknya kita dapat berkontribusi kepada masyarakat dengan memberikan informasi yg seksama & tepat.

Dari background diatas, saya mencoba menciptakan sebuah widget yg dapat dipasang di situs pribadi masing-masing. Widget yg saya buat dapat memberikan statistik COVID-19 yg ada di Indonesia saat ini.

Widget yg dibangun mengpakai API yg dimiliki oleh kawalcorona.com , saya sangat berterimakasih dengan adanya API ini.

Cara Pasang Widget Kawal Corona

Cara pemasangannya cukup simple, di semua website, sepertiwordpress & blogspot.

Pasang widget kawal corona di WordPress

Untuk situs yg dibangun dengan wordpress, kita dapat masuk ke halaman Tampilan, lalu masuk ke menu Widget.

Setelah itu, kita tambahkan widgetHTML Khususkedalamsidebar. Lalu pada kolom isi di widgetHTML Khususkita tambahkan script yg sudah dicopy.

Pasang widget kawal corona di Blogger / Blogspot

Untuk memasang widget kawal corona di Blogger/Blogspot kalian dapat masuk ke halamanTata Letak, lalu klik tombolTambahkan Widget.Saat muncul popup, kalian pilih menuHTML/JavaScript.

Quote:
<div id="medialova-covid"></div>
[removed]
var f = document.createElement("iframe");
f.src = "https://medialova.com/corona";
f.width = "100%";
f.height = 380;
f.scrolling = "no";
f.frameBorder = 0;
var rootEl = document.getElementById("medialova-covid");
console.log(rootEl);
rootEl.appendChild(f);
[removed]


Lalu tambahkan script diatas tadi kedalam kolomKonten.


Pasang widget kawal corona di Laravel


Untuk pemasangan widget pada Laravel, cukup mudah sekali, kita tinggal buka

Code:
blade template


yang kita miliki, lalu kita sematkan script html diatas ke letak yg kita harapkan


Mengatur ketinggian & warna widget kawal corona


Untuk mengatur ketinggian widget kawal corona, kalian dapat mengubah nilai ketinggian pada baris


Code:
f.height = 380;


dan untuk mengpakai widget kawal corona, kalian dapat mengcopy script saya.


Code:
f.src = "https://medialova.com/corona";

Sumber: Medialova.com Hari ini 15:25