;

Cara memasang widget covid-19 di blogger / blogspot / wordpress

Memasang widget covid-19 di blog dengan mudah 

buayaberdiri.blogspot.com - Pandemi covid-19 ini telah menjadi trending yang sangat mengkhawatirkan dunia,karena wabah virus ini telah menginfeksi ratusan ribu manusia dengan status positif / terjangkit dan ada juga yang meninggal dunia akibat wabah virus ini.

Meskipun begitu,ada juga yang sembuh dari yang pernah menjadi positif virus corona,menurut statistik dunia bahwa jumlah yang sembuh bisa mencapai 90%,akan tetapi virus ini tetap saja sangat berbahaya bagi tubuh manusia.

Karena virus ini dapat menginfeksi dengan cepat dari manusia ke manusia dan diperkirakan dapat menginfeksi dari jarak hingga kurang lebih 2 meter melalui droplet yang dikeluarkan manusia dari batuk atau bersin.

Hari ini saya akan share ke kalian bagaimana cara memasang widget covid-19 untuk memantau perkembangan covid-19 di Indonesia,cara ini bisa digunakan untuk blogspot atau blogger,berikut ini adalah script widget covid-19 untuk blog / website kamu.


Script Covid-19  untuk widget blogger 

1.Buka akun blogger kamu

2.Kemudian pilih Layout ( Tata Letak )

3.Kemudian pilih sidebar yang tersedia di blog kamu,kamu bisa memilih sidebar atas ataupun sidebar sebelah kanan,bawah,dan kiri.

Kemudian pilih Add Gadget,

4.Kemudian pilih HTML/Javascript,lalu masukan kode script dibawah 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="buaya1 buaya2 img-card">
<div class="buaya3-body">
<div class="d-flex">
<div class="buaya4"> <img src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" height="50" alt="Positif"> </div>
<p class="buaya5">COVID-19 INDONESIA</p>
<p class="buaya6"><b> <span id='terjangkit' class="buaya8"></span></b> POSITIF, <b><span id='sembuh' class="buaya9"></span></b> SEMBUH, <br/><b><span id='meninggal' class="jagomeninggal"></span></b> MENINGGAL</p>
<p class="buaya7">Update Hari ini: <span id="date"></p>
</div></div></div>
<style>
.buaya3-body {margin0;padding20px;positionrelative;}
.buaya2{box-shadow0 5px 10px rgba(191911660.3!important;}
.img-card:before {content'';positionabsolute;backgroundurl(https://kawalcorona.com/data/images/svgs/circle.svg);background-positiontop right;background-repeatno-repeat;width100%;height100%;opacity0.8;right:0px;top:0px}
.buaya4 {floatright;positionrelative;top5px;}
.buaya1 {background#1589E3;color#fff !important;}
.buaya5{font-size:30px;margin:0px !important}
.buaya6{padding:5px 0px;margin:0px !important;line-height:30px}
.buaya7{font-size:20px;margin:0px !important}
.buaya8{padding:5px 7px 5px 5px;background#f82649!important;}
.buaya9{padding:5px 7px 5px 5px;background#09ad95!important;}
.jagomeninggal{padding:5px 7px 5px 5px;background#d43f8d !important;}
</style>


Nah seperti itulah cara memasang widget covid-19,widget tersebut diambil dari data kawalcorona.com/indonesia,dengan widget ini kamu dapat memberikan informasi tentang kasus covid-19 secara realtime.

Infomasi yang diberikan tentang covid-19 adalah jumlah positif corona,jumlah meninggal dunia dan jumlah yang sudah sembuh dari positif virus corona.



Semoga informasi ini bisa membantu kamu,Gbu :)







List of Article Posts https://buayaberdiri.blogspot.com