Skip to content Skip to sidebar Skip to footer

Cara Memasang Widget Statistik Coronavirus di Blog


SATRIARYAN22 ~ Pada saat ini, wabah coronavirus yang terjadi di Indonesia sangat pesat sekali perkembangannya, untuk melihat hasil statistik berapa jumlah yang terjangkit (positif), sembuh dan meninggal bisa di check langsung ke situs kawalcorona.

Namun rata-rata Blogger Indonesia yang memiliki sifat baik hati dan rasa peduli terhadap kasus corona ini tentu saja dengan memasang widget statistik coronavirus merupakan hal yang wajib sebaiknya dilakukan.

Hal ini juga dapat membuat pengunjung blog bisa tahu perkembangan statistik coronavirus melalui blog kita.

Berikut ini adalah Cara Memasang Widget Statistik Coronavirus Indonesia di Blog

1. Buka akun Blogger kalian
2. Masuk ke Tata Letak
3. Buatlah Widget Baru pada bagian Sidebar Blog
4. Pilih HTML/Javascript
5. Copy dan Paste kode dibawah ini kedalam widget baru tersebut, kemudian SIMPAN

<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="xmnorange xmnshadow">
<div class="xmncard-body img-card">
<div class="d-flex">
<div class="xmnlogoindo">
<img alt="Positif" height="50" src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" /> </div>
<div class="xmncountry">
COVID-19 INDONESIA</div>
<div class="xmncorona">
<b> <span class="xmnpositif" id="terjangkit"></span></b> POSITIF, <b><span class="xmnsembuh" id="sembuh"></span></b> SEMBUH, 
<b><span class="xmnmeninggal" id="meninggal"></span></b> MENINGGAL</div>
<div class="xmnupdate">
Update Hari ini: <span id="date"></span></div>
</div>
</div>
</div>
<style>
.xmncard-body {margin: 0;padding: 20px;position: relative;}
.xmnshadow{box-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;}
.img-card:before {content: '';position: absolute;background: url(https://kawalcorona.com/data/images/svgs/circle.svg);background-position: top right;background-repeat: no-repeat;width: 100%;height: 100%;opacity: 0.8;right:0px;top:0px}
.xmnlogoindo {float: right;position: relative;top: 5px;}
.xmnorange {background: #1a73e8;color: #fff !important;}
.xmncountry{font-size:30px;margin:0px !important}
.xmncorona{padding:5px 0px;margin:0px !important;line-height:30px}
.xmnupdate{font-size:20px;margin:0px !important}
.xmnpositif{padding:5px 7px 5px 5px;background: #f82649!important;}
.xmnsembuh{padding:5px 7px 5px 5px;background: #09ad95!important;}
.xmnmeninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;}
</style>

Jika kalian telah memasang kode diatas maka kalian sudah berhasil memasang Widget Coronavirus Indonesia di Blog.

Demikian informasi mengenai"Cara Memasang Widget Coronavirus di Blog", selamat mencoba dan semoga bermanfaat. Goodluck!
Artikel Terkait :

Berlangganan via Email