Cara Memasang Widget Statistik Covid-19 Di Blogger

blogcalank.com - Kita tahu bahwa kasus covid-19 ini sudah mulai menyebar di beberapa wilayah indonesia, bahkan sudah ada yang meninggal karena terinfeksi virus covid-19 ini.

Kita sebagai para blogger harus bisa membantu pemerintah dengan cara membagikan statistik covid-19 agar semua orang di Indonesia tahu Update terkini tentang covid-19.

Untuk itu kita harus peduli kepada Rakyat Indonesia yang sangat besar ini.

Berikut adalah caranya

Cara Memasang Widget Statistik Covid-19 Di Blogger

1. Silahkan sobat buka Dashboard Blogger
2. Pilih Menu > Tata Letak > Tambahkan Gadget > HTML/JavaScript
3. Copy kode dibawah ini kedalam HTML/JavaScript yang tadi di buat

<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="penajaiborange penajaibshadow img-card"> <div class="penajaibcard-body"> <div class="d-flex"> <div class="penajaiblogoindo"> <img src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" height="50" alt="Positif" /> </div> <p class="penajaibcountry">COVID-19 INDONESIA</p> <p class="penajaibcorona"><b> <span id='terjangkit' class="penajaibpositif"></span></b> POSITIF, <b><span id='sembuh' class="penajaibsembuh"></span></b> SEMBUH, <br/><b><span id='meninggal' class="penajaibmeninggal"></span></b> MENINGGAL</p> <p class="penajaibupdate">Update Hari ini: <span id="date"></span></p> </div></div></div> <style> .penajaibcard-body {margin: 0;padding: 20px;position: relative;} .penajaibshadow{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} .penajaiblogoindo {float: right;position: relative;top: 5px;} .penajaiborange {background: #1589E3;color: #fff !important;} .penajaibcountry{font-size:30px;margin:0px !important} .penajaibcorona{padding:5px 0px;margin:0px !important;line-height:30px} .penajaibupdate{font-size:20px;margin:0px !important} .penajaibpositif{padding:5px 7px 5px 5px;background: #f82649!important;} .penajaibsembuh{padding:5px 7px 5px 5px;background: #09ad95!important;} .penajaibmeninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;} </style>

4. Jika sudah klik Simpan.

Kita sebagai Warga Negara Republik Indonesia alangkah baiknya memberitahu stastistik covid-19 ini kepada masyarakat, agar masyarakat tahu betapa bahayanya virus ini.

Itulah Cara Memasang Widget Statistic Di Blogger, jika ada pertanyaan silahkan sobat bertanya di kolom komentar

Semoga bermanfaat, salam blogger.