Pasang Widget Pemantau Covid-19 di Blog

Pasang Widget Pemantau Covid-19 di Blog agar masyarakat lebih mengerti tentang perkembangan Covid-19

Pasang Widget Pemantau Covid-19 di Blog
Nagalogia - Semenjak kemunculan Covid-19 banyak sekali komunitas atau organisasi yang membuat platform untuk membagikan informasi seputar penyebaran Covid-19, contohnya saja pemerintah Indonesia membuat website www.covid19.go.id yang fungsinya untuk memberikan informasi seputar Covid-19 kepada masyarakat dengan tujuan agar masyarakat lebih mengerti tentang perkembangan Covid-19, adanya berbagai platform untuk memberikan informasi seputar Covid-19 diharapkan menjadi langkah tepat agar masyarakat lebih berhati-hati.

Nah, salah satu cara untuk memberikan informasi seputar Coronavirus atau Covid-19 adalah dengan cara memasang widget pemantau, dalam widget yg akan saya share ini akan menampilkan jumlah korban, jumlah sembuh, hingga jumlah korban meninggal.

Widget ini mengambil data lewat API milik kawalcorona.com, ini adalah website terpercaya yg menyediakan informasi seputar Covid-19, data yg tercantum dalam widget ini akan di-update secara otomatis lewat API kawalcorona.com. Kira-kira seperti ini penampakannya, atau kamu bisa melihat dibagian sidebar blog ini:

Pasang Widget Pemantau Covid-19 di Blog

Pasang Widget Pemantau Covid-19 di Blog


Tahap Memasang Widget

1. Silahkan masuk ke akun blogger kalian.
2. Setelah itu masuk ke Tata Letak, lalu Tambah Gadget, terserah mau di sidebar atau tempat lain
3. Pilih HTML/JavaScript, setelah itu copas kode 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="kurablue 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(33,37,41,.16) !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;}
.kurablue {background: linear-gradient(to right ,#5F0F40,#310E68);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>
 4. Klik Simpan

Setelah itu kamu akan melihat widget tersebut di blog kamu. Widget ini agar memberatkan blog tapi jika kamu tidak masalah dengan itu sepertinya tidak apa-apa, jika belum mengerti silahkan berkomentar di bawah.

About the author

Lord of Noirful
Seorang pria yang kebetulan lahir di planet bumi. Gemar bermain game, bukan bermain perasaan. Kecanduan Kopi Sanger dan Sidikalang. Seorang pecinta anjing tapi tidak memelihara anjing.

Posting Komentar

Berkomentarlah dengan bijak dan relevan, hindari hal-hal negatif seperti sara, rasis, atau membagikan url pornografi/malware.