Skip to main content

Cara Pasang Kode JS Data Covid-19 Di Blogger


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">&#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>

DATA COVID-19 INDONESIA

&#128567 Positif:
&#128522 Sembuh:
&#128557 Meninggal:
(Data: kawalcorona.com)