Cara Memasang Widget Statistik Virus Corona (COVID 19) di Blogger

Virus Corona adalah sebuah virus yang mematikan yang menyerang tubuh manusia yaitu pada bagian tenggorokan. Akibat virus ini banyak orang yang meninggal dunia, di indonesia sendiri sekarang yang positif terkena virus Corona ini sudah 1000 orang lebih. Pada artikel kali ini Males Ngeblog akan memberikan tutorial yaitu Cara Memasang Widget Update Virus Corona di Indonesia.



Widget ini datanya diambil dari situs kawalcorona.com yaitu dari API website tersebut. Dengan widget ini juga bila ada orang yang berkunjung di blog kita akan lebih mengetahui informasi terbaru tentang virus tersebut mulai dari yang sembuh, Meninggal dan OTD (Orang dalam Pengawasan)



Apa tidak berat bila di pasang widget ini ?



Tidak juga, widget ini sudah saya sedikit modifikasi yaitu dengan menambahkan kode 'Lazyload' agar tidak memberatkan blog saat di akses.



Dengan memasang widget update Virus Corona atau Covid 19 ini para blogger juga Ikut serta memberikan informasi kepada masyarakat tentang update virus tersebut. Bagaimana cara memasang di Blogger ikuti aja langkah - langkahnya berikut ini :

Cara Memasang Widget Statistik Virus Corona (COVID 19) di Blogger

Langkah pertama kalian harus masuk dulu ke Akun Blogger, pilih Tata Letak

Setelah itu pilih Tambah Widget baru pilih HTML/Javascript.

Kemudian Copy Kode di bawah 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="jagoorange jagoshadow img-card">
<div class="jagocard-body">
<div class="d-flex">
<div class="jagologoindo">
<img alt="Positif" height="50" src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" /> </div>
<div class="jagocountry">
COVID-19 INDONESIA</div>
<div class="jagocorona">
<b> <span class="jagopositif" id="terjangkit"></span></b> POSITIF, <b><span class="jagosembuh" id="sembuh"></span></b> SEMBUH,
<b><span class="jagomeninggal" id="meninggal"></span></b> MENINGGAL</div>
<div class="jagoupdate">
Update Hari ini: <span id="date"></span></div>
</div>
</div>
</div>
<style> .jagocard-body {margin: 0;padding: 20px;position: relative;} .jagoshadow{box-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !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} .jagologoindo {float: right;position: relative;top: 5px;} .jagoorange {background: #1589E3;color: #fff !important;} .jagocountry{font-size:30px;margin:0px !important} .jagocorona{padding:5px 0px;margin:0px !important;line-height:30px} .jagoupdate{font-size:20px;margin:0px !important} .jagopositif{padding:5px 7px 5px 5px;background: #f82649!important;} .jagosembuh{padding:5px 7px 5px 5px;background: #09ad95!important;} .jagomeninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;} </style>

Klik Simpan.



Nah itulah sedikit tutorial kali ini, semoga semua segara berakhir. Dan semua bisa beraktifitas seperti dulu kala, Aminnnn