Pasti kalian belum tahu kan cara menambahkan Data Statistik Covid-19 di blog kalian ?

👋Selamat datang di blog sayaa☺

Hai blogger👐 Jangan lupa Subscribe di kolom atas yaa😄

Pasti kalian belum tahu kan cara menambahkan Data Statistik Covid-19 di blog kalian ?

Kenapa kita harus memasang di blog kita ? Ya supaya kita tetap waspada, tidak panik, selalu jaga kesehatan dan tetap Stay at Home. Mau tahu caranyaa ? Ternyata gampang loh...🤗

Oke langsung saja ikuti tutorialnya yah

1. Copy kode html 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="bisablog-card">
    <div class="bisablog-info"><h2>DATA COVID-19 INDONESIA</h2></div>
    <p class="bisablog-positif">&#128567 Positif: <span id="terjangkit"></span></p>
    <p class="bisablog-sembuh">&#128522 Sembuh: <span id="sembuh"></span></p>
    <p class="bisablog-meninggal">&#128557 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>