Nagalogia - Semenjak kemunculan Covid-19 banyak sekali komunitas atau organisasi yang membuat platform untuk membagikan informasi seputar penyebaran Covid-19, contohnya saja pemerintah Indonesia membuat website www.covid19.go.id yang fungsinya untuk memberikan informasi seputar Covid-19 kepada masyarakat dengan tujuan agar masyarakat lebih mengerti tentang perkembangan Covid-19, adanya berbagai platform untuk memberikan informasi seputar Covid-19 diharapkan menjadi langkah tepat agar masyarakat lebih berhati-hati.
Nah, salah satu cara untuk memberikan informasi seputar Coronavirus atau Covid-19 adalah dengan cara memasang widget pemantau, dalam widget yg akan saya share ini akan menampilkan jumlah korban, jumlah sembuh, hingga jumlah korban meninggal.
Widget ini mengambil data lewat API milik kawalcorona.com, ini adalah website terpercaya yg menyediakan informasi seputar Covid-19, data yg tercantum dalam widget ini akan di-update secara otomatis lewat API kawalcorona.com. Kira-kira seperti ini penampakannya, atau kamu bisa melihat dibagian sidebar blog ini:
Pasang Widget Pemantau Covid-19 di Blog
Tahap Memasang Widget
1. Silahkan masuk ke akun blogger kalian.
2. Setelah itu masuk ke Tata Letak, lalu Tambah Gadget, terserah mau di sidebar atau tempat lain
3. Pilih HTML/JavaScript, setelah itu copas kode dibawah ini:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var d = new Date();
$("#date").html(d.getDate() + "/" + (d.getMonth()+1) + "/" + d.getFullYear());
$.ajax({url: "https://api.kawalcorona.com/indonesia/", success: function(result){
$("#terjangkit").html(result[0].positif);
$("#sembuh").html(result[0].sembuh);
$("#meninggal").html(result[0].meninggal);
}});
});
</script>
<div class="kurablue kurashadow">
<div class="kuracard-body img-card">
<div class="d-flex">
<div class="kuralogoindo"> <img src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" height="50" alt="Positif" /> </div>
<p class="kuracountry">COVID-19 INDONESIA</p>
<p class="kuracorona"><b> <span id='terjangkit' class="kurapositif"></span></b> POSITIF, <b><span id='sembuh' class="kurasembuh"></span></b> SEMBUH, <br/><b><span id='meninggal' class="kurameninggal"></span></b> MENINGGAL</p>
<p class="kuraupdate">Update Hari ini: <span id="date"></span></p>
</div></div></div>
<style>
.kuracard-body {margin: 0;padding: 20px;position: relative;}
.kurashadow{box-shadow: 0 5px 10px rgba(33,37,41,.16) !important;}
.img-card:before {content: '';position: absolute;background: url(https://kawalcorona.com/data/images/svgs/circle.svg);background-position: top right;background-repeat: no-repeat;width: 100%;height: 100%;opacity: 0.8;right:0px;top:0px}
.kuralogoindo {float: right;position: relative;top: 5px;}
.kurablue {background: linear-gradient(to right ,#5F0F40,#310E68);color: #fff !important;}
.kuracountry{font-size:30px;margin:0px !important}
.kuracorona{padding:5px 0px;margin:0px !important;line-height:30px}
.kuraupdate{font-size:20px;margin:0px !important}
.kurapositif{padding:5px 7px 5px 5px;background: #f82649!important;}
.kurasembuh{padding:5px 7px 5px 5px;background: #09ad95!important;}
.kurameninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;}
</style>
4. Klik SimpanSetelah itu kamu akan melihat widget tersebut di blog kamu. Widget ini agar memberatkan blog tapi jika kamu tidak masalah dengan itu sepertinya tidak apa-apa, jika belum mengerti silahkan berkomentar di bawah.