Cara Memasang Widget Statistik Coronavirus / COVID-19 Indonesia di Blog #Style 1

Pilihan Editor :

Cara Memasang Widget Statistik Coronavirus / COVID-19 Indonesia di Blog #Style 1
KURAZONE ~ Halo sahabat Kurazer, wabah coronavirus yang terjadi di Indonesia sangat pesat sekali perkembangannya, untuk melihat hasil statistik berapa jumlah yang terjangkit (positif), sembuh dan meninggal bisa di check langsung ke situs https://kawalcorona.com. Namun sebagai Blogger Indonesia yang baik hati dan peduli terhadap kasus corona ini tentu saja memasang widget statistik coronavirus merupakan hal yang wajib sebaiknya dilakukan. Hal ini juga membuat pengunjung blog bisa tahu perkembangan statistik coronavirus melalui blog kita.

Berikut adalah Cara Memasang Widget Statistik Coronavirus / COVID-19 Indonesia di Blog
1. Buka akun Blogger kalian
2. Masuk ke Tata Letak
3. Buatlah Widget Baru pada bagian Sidebar Blog
4. Pilih HTML/Javascript
5. Copy dan Paste kode dibawah ini kedalam widget baru tersebut, kemudian SIMPAN
<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"></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>
Darisini kalian sudah berhasil memasang Widget Statistik Coronavirus / COVID-19 Indonesia di Blog. Jika kalian sudah paham mengenai HTML dan CSS nya, kalian bisa mengeditnya sendiri sesuai selera kalian (warna, lebar, tinggi, jarak, ukuran font dan sebagainya)

Itulah informasi mengenai "Cara Memasang Widget Statistik Coronavirus / COVID-19 Indonesia di Blog #Style 1", selamat mencoba dan semoga bermanfaat. Goodluck!
BACA JUGA ARTIKEL MENARIK LAINNYA:

6 komentar :

  1. Sumbernya dari mana stah?

    BalasHapus
    Balasan
    1. Darisini mas https://kawalcorona.com/

      Kodenya menggunakan API.. Jadi sudah auto update

      Hapus
  2. Izin masang juga om 👍

    BalasHapus
  3. di blog saya kok tidak bisa dipasang ya, seperti ada masalah pada script jquery-nya.. Saya sudah punya jquery, tapi saat saya hapus jquery yang ada di widget ini angkanya tidak muncul, namun saat saya ganti jquerynya dengan milik widget ini blog saya jadi refresh terus tanpa henti.. Jadi bingung saya :(

    BalasHapus
  4. Coba pakai cara alternatif https://www.a-arief.com/2020/03/cara-membuat-widget-corona-di-blog.html

    BalasHapus
    Balasan
    1. terimakasih atas referensinya., semoga bermanfaat..

      Hapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.