Cara memasang kode javascript Covid-19 atau Statistik data kasus Corona di Indonesia pada Blog. Misal data Positif, Sembuh dan Meninggal. Kita tidak perlu membuatnya lagi karena scriptnya atau semacam widget snippetnya sudah disediakan oleh mereka. Berikut ini silakan disalin kodenya dan pasang di Blog.
<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="bisablog-card">
<div class="bisablog-info"><h2>DATA COVID-19 INDONESIA</h2></div>
<p class="bisablog-positif">😷 Positif: <span id="terjangkit"></span></p>
<p class="bisablog-sembuh">😊 Sembuh: <span id="sembuh"></span></p>
<p class="bisablog-meninggal">😭 Meninggal: <span id="meninggal"></span></p>
<div class="bisablog-info"><span><em>(Data: kawalcorona.com)</em></span></div>
</div>
<style>
.bisablog-card {padding: 5%; border:1px solid #eaeaea; background:#f4f4f4;border-radius:10px}
.bisablog-card p {color:#fff}
.bisablog-positif {background:#e53935}
.bisablog-sembuh {background:#43a047}
.bisablog-meninggal {padding:10px 7px; background:#546e7a}
.bisablog-positif, .bisablog-sembuh {padding:10px 7px; margin-bottom:1em}
.bisablog-info {text-align:center}
.bisablog-card p{font-weight:bold}
</style>
DATA COVID-19 INDONESIA
😷 Positif:
😊 Sembuh:
😭 Meninggal:
(Data: kawalcorona.com)