Cara Memasang Widget Statistik Virus Corona pada Website

Anirocksite.com - Disini saya akan berbagi tutorial bagaimana caranya memasang widget statistik virus corona khususnya di Negara kita ini yaitu Indonesia. Virus corona yang sudah menghebohkan dunia karna sudah memakan banyak korban jiwa tentunya sangat mengkhawatirkan kita semua, apalagi virus tersebut sudah memasuki Wilayah Indonesia dan berbagai provinsi yang ada di Indonesia.

Oleh karena itu disini saya akan membagikan info update mengenai berapa banyak kasus yang sudah terjadi di Indonesia yang dapat kamu pasang di web kamu, agar para pembaca tau sudah berapa banyak korban yang ada di Indonesia baik itu yang Sudah Positif Corona, Sudah Sembuh dari Virus Corona dan Yang sudah menjadi Korban Meninggal Akibat Virus Corona. Oke langsung saja kita ke tutorial bagaimana cara memasang widget statis mengenai info update virus corona.

Cara Memasang Widget Statis Virus Corona

1. Pertama, login ke Blogger,
2. Pada dashboard Blogger pilih Layout/Tata Letak,
3. Kemudian buatlah Widget baru terserah dimana saja dan pilih HTML/Javascript,
4. Lalu Copy kode 1 Paket yang berisi CSS,HTML, dan Juga Script dibawah ini,

<style>
.datax #show {
    width: 31%;
    float: left;
    text-align: center;
}
.positif, .sembuh, .meninggal {
    margin: 1%;
    border-radius: 5px;
    box-shadow: 0 1px 2px 2px rgba(0,0,0,.5);
    text-overflow: ellipsis;
    overflow: hidden;
    color: white;
    font-family: cursive;
}
.datax .positif {
    background: #f5a61f;
}
.datax .sembuh {
    background: #24c624;
}
.datax .meninggal {
    background: #ed2828;
}
#show .angka {
    font-size: 2em;
    font-weight: 700;
}
#show .detail {
    background: white;
    width: 100%;
    display: block;
    color: black;
    box-shadow: 0px -2px 4px 1px #66c7ff;
}
.datax .title {
    text-align: center;
    text-transform: uppercase;
    font-family: monospace;
    font-size:1em;
}
</style>
<script>
$(document).ready(function(){
var d = new Date();
var month = new Array();
  month[0] = "Januari";
  month[1] = "Februari";
  month[2] = "Maret";
  month[3] = "April";
  month[4] = "Mei";
  month[5] = "Juni";
  month[6] = "Juli";
  month[7] = "Agustus";
  month[8] = "September";
  month[9] = "Oktober";
  month[10] = "November";
  month[11] = "Desember";
  
$("#date").html(d.getDate() + " " + month[d.getMonth()] + " " + d.getFullYear());
    $.ajax({url: "https://api.kawalcorona.com/indonesia/", success: function(result){
     $("#positif").html(result[0].positif);
     $("#sembuh").html(result[0].sembuh);
     $("#meninggal").html(result[0].meninggal);
    }});
});
</script>
<div class="datax">
<div class="title">
<h1>Update kasus covid-19 indonesia : <span id="date">24 Maret 2020</span></h1>
</div>
<div id="show" class="positif">
<div id="positif" class="angka">686</div>
<span class="detail">Positif</span>
</div>
<div id="show" class="sembuh">
<div id="sembuh" class="angka">30</div>
<span class="detail">Sembuh</span>
</div>
<div id="show" class="meninggal">
<div id="meninggal" class="angka">55</div>
<span class="detail">Meninggal</span>
</div>
</div>

5. Terakhir Simpan atau save widget tersebut.

Sekian tutorial bagaimana cara memasang widget statistik mengenai Virus corona yang dapat kamu pasang di website kamu, dan dibawah ini saya menyediakan beberapa daftar kode API dari berbagai daerah maupun Dunia.

https://api.kawalcorona.com/indonesia | Merupakan data dari Indonesia

https://api.kawalcorona.com/indonesia/provinsi | Merupakan data berdasarkan Provinsi Indonesia

https://api.kawalcorona.com/ | Merupakan data Global

https://api.kawalcorona.com/positif | Data Global yang Positif Corona

https://api.kawalcorona.com/sembuh | Data Global yang sudah Sembuh

https://api.kawalcorona.com/meninggal | Data Global yang sudah Meninggal