Kumpulan Widget Realtime Virus Corona (COVID-19) di Blog Terbaru

Kumpulan Widget Realtime Virus Corona (COVID-19) di Blog Terbaru - Oke teman-teman dari banyaknya rekan-rekan yang bingung mencari Widget Tentang update Realtime Virus Corona ini atau di sebut Covid-19 ini, okeh sobat kali ini saya akan berbagi secara gratis dengan tampilan widget corona menarik secara free. Disini sobat tinggal copas aja dan tempel di blog sobat.

Dengan adanya wabah virus corona ini Mari Kita Pantau Informasi Penyebaran Virus Corona atau Covid-19 Seluruh Dunia Khususnya di Indonesia Tercintah ini. Mari kita saling jaga kebersihan lindungi keluarga anda, rekan-rekan, saudara juga khususnya diri Anda sendiri dari penyebaran covid-19 / virus corona yang sangat membahayakan ini.

Adapun Salah satu cara pencegahan / menyampaikan informasi tentang virus ini, selain menulis artikel / content yang informatif, sobat pun bisa berbagi informasi dengan memasang widget update status Covid-19 baik secara global maupun spesifik didaerah sobat secara real time ditempel di blog/website sobat.

Tutorial cara pasangnya

Pertama silahkan kalian login dulu ke blog kalian, setelah itu kalian :

#1 Masuk ke Halaman Dashboard

#2 Silahkan Klik Menu tata letak

#3 Step Ke 3 Klik Tambah Gadget 

   (Penempatan bisa Terserah Sobat Sidebar/footer terserah agan

#4 Silahkan Pilih HTML/Javascript

#5 Lalu Silahkan Masukan Kode dibawah ini didalam kotak HTML/Javascript 

   (kode dibawah gambar silahkan sobat pilih sendiri sesuai selera sobat)

Setelah sudah kalian copy kode html widget informasi covid tersebut, silahkan kalian save template, dan lihat hasilnya. semoga bermanfaat, jangan lupa share kawan. terimakasih.

Berikut Kode Script/Kode Htmlnya dari sumber web ilmu coding:

<iframe height="250px" scrolling="no" src="https://covid19.ilmucoding.com/widget" style="border: none;" width="100%"></iframe>

Berikut Kode Script/Kode Htmlnya sumber dari web kuro: 

<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"></span></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>