Assalamu'alaikum Wr. Wb
Hai Sobat..
Sekarang dunia sedang dilanda oleh Virus Corona (covid-19), Virus tersebut sudah memakan banyak korban jiwa dari berbagai macam negara, tentu saja sangat mengkhawatirkan kita semua. Apalagi sekarang covid-19 sudah memasuki Wilayah di Indonesia dan berbagai Provinsi di Indonesia.

Oleh karena itu, disini saya akan memberikan cara memasang widget covid-19 pada blog, agar para pengunjung tau mengenai banyak korban yang terkena virus tersebut baik itu korban Positif Corona, Sembuh dari Corona, dan Korban Meninggal akibat Virus Corona. Berikut cara pasang widget statistik virus corona pada blog

Cara Pasang Widget Statistik COVID-19 Pada Blog

1.Pertama-tama, login ke Blogger
2.Pada Dashboard Blogger, Pencet Layout/Tata Letak
3.Tambah Widget baru, pilih HTML/JavaScript
4.Lalu, copy code dibawah ini dan pastekan pada kolom HTML/JavaScript

<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">790</div>
<span class="detail">Positif</span>
</div>
<div id="show" class="sembuh">
<div id="sembuh" class="angka">31</div>
<span class="detail">Sembuh</span>
</div>
<div id="show" class="meninggal">
<div id="meninggal" class="angka">58</div>
<span class="detail">Meninggal</span>
</div>
</div>

5.Terakhir, Simpan atau Save Widget tersebut

RESULT

Seperti itulah cara pasang widget statistik virus corona pada blog yang bisa Anda pasang pada blog Anda, Terimakasih telah mengunjungi blog ini.
Semoga Bermanfaat, Mohon maaf bila ada kesalahan kata dalam penulisan..
Wassalamu'alaikum Wr. Wb

Berlangganan artikel terbaru dari blog ini langsung via email.

Cara Pasang Widget Statistik CoronaVirus pada Blog

Cara Pasang Widget Statistik COVID-19 Pada Blog