Cara Memasang Widget Statistik Coronavirus atau Covid-19 di Blogger

Jagoandzgn.com - Pada kesempatan kali ini saya akan memberikan sebuah tutorial mengenai bagaimana Cara Memasang Widget Statistik Coronavirus atau Covid-19 di Blogger, sebelumnya saya sudah membuat tutorial tersebut dengan style yang menarik dan kali ini saya membuatkan tutorial dengan style yang berbeda dengan sebelumnya untuk melihatnya silahkan cek di artikel sebelumnya.

Seperti yang kita ketahui saat ini virus Corona di Indonesia saat ini hampir mencapai 1k yang terkena dampaknya, dan untuk mengetahui update atau perkembangan mengenai virus Corona makanya saya buatkan tutorial cara memasang widget mengenai Statistik Corona up to date untuk membuatnya silahkan simak artikel berikut ini.

Cara Memasang Widget Statistik Coronavirus atau Covid-19 di Blogger

1. Silahkan kamu login ke blogger.com dengan menggunakan akun Gmail kamu.
2. Masuk ke menu TATA LETAK > pilih widget baru terserah mau dimana > pilih HTML/JavaScript.
3. Selanjutnya copy kode dibawah ini dan paste di form widget tersebut.

<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>

4. Kalau sudah silahkan klik SIMPAN dan Selesai.

Bagaimana mudah bukan untuk tutorial Cara Memasang Widget Statistik Coronavirus atau Covid-19 di Blogger, apabila kamu memiliki pertanyaan atau masalah seputar blogger silahkan komen di kolom komentar dibawah artikel ini.