Apa Itu yang di sebuat Coronavirus Disease 2019 atau (Covid-19)?
Coronavirus Disease 2019 atau Covid-19 adalah virus yang berasal dari Wuhan, Cina. Yang kemudian menyebar hampir ke seluruh dunia.
Dan virus tersebut memunculkan sindrom baru yaitu syndrome coronavirus 2 (SARS-CoV-2) atau gangguan pernapasan akut yang parah, orang yang positif virus Covid-19 ini bisa meninggal dunia. Dan yang jadi masalah tod, ni virus udah banyak menyebar di Indonesia.
Agar kita bisa mengetahui perkembangan Covid-19 di Indonesia, kita bisa menggunakan API Covid-19 Dari Kawalcorona.com. Dengan API tersebut kita bisa membuat aplikasi atau program yang real time tentang perkembangan Covid-19 di Indonesia. Di sini Kalian bisa menambahkan widget Informasi Covid-19 negara Indonesia menggunakan API tersebut.
Apa Itu Kawalcorona?
Kawalcorona adalah sebuah website yang memberikan informasi mengenai perkembangan Covid-19 di Indonesia dan Dunia.
Kawalcorona memberikan API-nya kepada para developer website untuk di pergunakan membagikan informasi perkembangan Covid-19.
Cara Menambahkan Widget Info Covid-19 di Blogger
Pertama buka dasbor Blogger Kalian, Lalu klik menu Tata Letak dan buat widget baru.
Setelah itu tambahkan kode script di bawah ini di dalam widget yang kamu buat tadi.
<script>
$(document).ready(function(){var t=new Date;$("#date").html(t.getDate()+"/"+(t.getMonth()+1)+"/"+t.getFullYear()),$.ajax({url:"https://api.kawalcorona.com/indonesia/",success:function(t){$("#terjangkit").html(t[0].positif),$("#sembuh").html(t[0].sembuh),$("#meninggal").html(t[0].meninggal)}})});
</script>
<div class="vireorange img-card">
<div class="virecard-body">
<div class="d-flex">
<div class="virelogoindo"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPaV56hZOG6XPx9AcDfBizB9X57gt4eD5SFtSjyNHJULFp6fSsVg-3dFH3rNVLjwGqn82UlqlknIlrY9qraNaPDDnoDoiOBxqvrDkt4FxW4E8FzAv6MALLNwvKF_9xIiRGD2ad1JmMx5eV/s36/indonesia-flagg.png" width="36" height="24" alt="Positif" /> </div>
<p class="vireupdate">Update Hari ini: <span id="date"/></span></p>
<p class="virecountry">Info COVID-19</p>
<p class="virecorona"> <span id="terjangkit" class="virepositif"/></span>Positif <span id="sembuh" class="viresembuh"/></span>Sembuh <span id="meninggal" class="viremeninggal"/></span>Meninggal</p>
</div></div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 24 150 28" preserveaspectratio="none">
<defs>
<path id="gentle-wave" d="M-160 44c30 0 58-18 68-18s 58 18 88 18 58-18 98-5 58 18 88 18 v44h-352z" />
</path></defs>
<g>
<use xlink:href="#gentle-wave" x="55" y="0" fill="rgba(34,49,63,0.03)"/>
<use xlink:href="#gentle-wave" x="48" y="2" fill="rgba(34,49,63,0.03)"/>
<use xlink:href="#gentle-wave" x="50" y="4" fill="rgba(34,49,63,0.03)"/>
</use></use></use></g>
</svg>
</div>
<style>
.virecard-body{margin:0;padding:20px;font-weight:500;position:relative;z-index:1}
.virelogoindo{float:right;position:relative;top:0;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.05);overflow:hidden}
.vireorange{position:relative;background:#f6f7fa;color:#000;margin:0 auto 20px auto;border-radius:10px}
.vireorange svg{position:absolute;bottom:0;left:0;right:0}
.virecountry{font-size:26px;font-weight:500;margin:0}
.virecorona{padding:10px 0 0 0;margin:0;font-size:14px;line-height:30px}
.vireupdate{font-size:14px;margin:0 auto 10px auto}
.virepositif,.viresembuh,.viremeninggal{padding:3px 10px;color:#fff;border-radius:99em;margin:0 7px 0 0}
.virepositif{background:#f39c12}.viresembuh{background:#54a0ff}.viremeninggal{background:#ee5253}
.virewords{padding:5px 7px 5px 5px;background:#333333;border-radius:10px;align:center}
</style>
Maka hasilnya akan seperti ini
Sekian dari Aku semoga Cara Menambahkan Widget Info Covid-19 di Blogger ini bisa bermanfaat bagi Kalian semua. Dan semoga wabah ini cepat berlalu amin. Terima kasih sudah berkunjung jangan lupa di share ya tod.