Cara Memasang Widget Statistik Coronavirus / COVID-19 Indonesia di Blog #Style 1

KURAZONE ~ Halo sahabat Kurazer, 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 https://kawalcorona.com. Namun sebagai Blogger Indonesia yang baik hati dan peduli terhadap kasus corona ini tentu saja memasang widget statistik coronavirus merupakan hal yang wajib sebaiknya dilakukan. Hal ini juga membuat pengunjung blog bisa tahu perkembangan statistik coronavirus melalui blog kita.

Berikut adalah Cara Memasang Widget Statistik Coronavirus / COVID-19 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="kuraorange kurashadow">
<div class="kuracard-body img-card">
<div class="d-flex">
<div class="kuralogoindo"> <img src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" height="50" alt="Positif"> </div>
<p class="kuracountry">COVID-19 INDONESIA</p>
<p class="kuracorona"><b> <span id='terjangkit' class="kurapositif"></span></b> POSITIF, <b><span id='sembuh' class="kurasembuh"></span></b> SEMBUH, <br/><b><span id='meninggal' class="kurameninggal"></span></b> MENINGGAL</p>
<p class="kuraupdate">Update Hari ini: <span id="date"></p>
</div></div></div>
<style>
.kuracard-body {margin: 0;padding: 20px;position: relative;}
.kurashadow{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}
.kuralogoindo {float: right;position: relative;top: 5px;}
.kuraorange {background: #FF7E00;color: #fff !important;}
.kuracountry{font-size:30px;margin:0px !important}
.kuracorona{padding:5px 0px;margin:0px !important;line-height:30px}
.kuraupdate{font-size:20px;margin:0px !important}
.kurapositif{padding:5px 7px 5px 5px;background: #f82649!important;}
.kurasembuh{padding:5px 7px 5px 5px;background: #09ad95!important;}
.kurameninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;}
</style>
Darisini kalian sudah berhasil memasang Widget Statistik Coronavirus / COVID-19 Indonesia di Blog. Jika kalian sudah paham mengenai HTML dan CSS nya, kalian bisa mengeditnya sendiri sesuai selera kalian (warna, lebar, tinggi, jarak, ukuran font dan sebagainya)

Itulah informasi mengenai "Cara Memasang Widget Statistik Coronavirus / COVID-19 Indonesia di Blog #Style 1", selamat mencoba dan semoga bermanfaat. Goodluck!





Lebih baru Lebih lama