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!
Buka Komentar
Tutup Komentar

0 Response

Post a Comment

Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel