Skip to main content
JEJAK UNIK

follow us

Cara Memasang Widget Statistik Corona Virus

Cara Memasang Widget Statistik Corona Virus

Cara Memasang Widget Statistik Corona Virus - Jika sebelumnya kita sudah coba membuat Widget Covid-19 yang dibuat oleh admin blog Kompi Ajaib, pada kesempatan yang baik ini kita akan kembali untuk membuat widget statistik corona virus tapi dengan style yang berbeda.

Kali ini kita akan membuat widget yang langsung bisa tampil di sidebar blog tanpa harus keluar link untuk melihat berita seputar virus corona, menarik bukan? widget ini saya temukan dari blognya kurazone.net dan coba saya bagikan kembali pada blog ini tentunya dengan harapan semoga dapat memberikan manfaat dan kita jadi lebih mudah memantau perkembangan virus corona tersebut.

Baiklah tanpa panjang lebar kita langsung saja masuk ke cara pemasangannya di blog, cukup mudah kita hanya perlu tambah Gadget baru dan masukan script di bawah ini:

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

Simpan dan lihat hasilnya.

Sobat juga bisa mengganti warna background ini #FF7E00 dengan warna yang kalian suka. Mudah bukan? oia widget ini juga sudah otomatis update sendiri jadi kita tidak perlu lagi secara manual untuk mengupdate nya.

Sumber: https://www.kurazone.net/2020/03/cara-memasang-widget-statistik-coronavirus-indonesia.html

You Might Also Like:

Newest PostNewest Post
Jika tertarik dengan artikel yang anda baca saat ini, berikan tanggapan melalui kolom komentar di bawah ini. Berkomentarlah yang cerdas, karena pintar saja tidak cukup.
Buka Komentar