×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Cara Memasang Widget Statistik Virus Corona pada Website

Cara Memasang Widget Statistik Virus Corona pada Website

Anirocksite.com - Disini saya akan berbagi tutorial bagaimana caranya memasang widget statistik virus corona khususnya di Negara kita ini yaitu Indonesia. Virus corona yang sudah menghebohkan dunia karna sudah memakan banyak korban jiwa tentunya sangat mengkhawatirkan kita semua, apalagi virus tersebut sudah memasuki Wilayah Indonesia dan berbagai provinsi yang ada di Indonesia.

Oleh karena itu disini saya akan membagikan info update mengenai berapa banyak kasus yang sudah terjadi di Indonesia yang dapat kamu pasang di web kamu, agar para pembaca tau sudah berapa banyak korban yang ada di Indonesia baik itu yang Sudah Positif Corona, Sudah Sembuh dari Virus Corona dan Yang sudah menjadi Korban Meninggal Akibat Virus Corona. Oke langsung saja kita ke tutorial bagaimana cara memasang widget statis mengenai info update virus corona.

Cara Memasang Widget Statis Virus Corona

1. Pertama, login ke Blogger,
2. Pada dashboard Blogger pilih Layout/Tata Letak,
3. Kemudian buatlah Widget baru terserah dimana saja dan pilih HTML/Javascript,
4. Lalu Copy kode 1 Paket yang berisi CSS,HTML, dan Juga Script dibawah ini,
<style>
.datax #show {
    width: 31%;
    float: left;
    text-align: center;
}
.positif, .sembuh, .meninggal {
    margin: 1%;
    border-radius: 5px;
    box-shadow: 0 1px 2px 2px rgba(0,0,0,.5);
    text-overflow: ellipsis;
    overflow: hidden;
    color: white;
    font-family: cursive;
}
.datax .positif {
    background: #f5a61f;
}
.datax .sembuh {
    background: #24c624;
}
.datax .meninggal {
    background: #ed2828;
}
#show .angka {
    font-size: 2em;
    font-weight: 700;
}
#show .detail {
    background: white;
    width: 100%;
    display: block;
    color: black;
    box-shadow: 0px -2px 4px 1px #66c7ff;
}
.datax .title {
    text-align: center;
    text-transform: uppercase;
    font-family: monospace;
    font-size:1em;
}
</style>
<script>
$(document).ready(function(){
var d = new Date();
var month = new Array();
  month[0] = "Januari";
  month[1] = "Februari";
  month[2] = "Maret";
  month[3] = "April";
  month[4] = "Mei";
  month[5] = "Juni";
  month[6] = "Juli";
  month[7] = "Agustus";
  month[8] = "September";
  month[9] = "Oktober";
  month[10] = "November";
  month[11] = "Desember";
  
$("#date").html(d.getDate() + " " + month[d.getMonth()] + " " + d.getFullYear());
    $.ajax({url: "https://api.kawalcorona.com/indonesia/", success: function(result){
     $("#positif").html(result[0].positif);
     $("#sembuh").html(result[0].sembuh);
     $("#meninggal").html(result[0].meninggal);
    }});
});
</script>
<div class="datax">
<div class="title">
<h1>Update kasus covid-19 indonesia : <span id="date">24 Maret 2020</span></h1>
</div>
<div id="show" class="positif">
<div id="positif" class="angka">686</div>
<span class="detail">Positif</span>
</div>
<div id="show" class="sembuh">
<div id="sembuh" class="angka">30</div>
<span class="detail">Sembuh</span>
</div>
<div id="show" class="meninggal">
<div id="meninggal" class="angka">55</div>
<span class="detail">Meninggal</span>
</div>
</div>
5. Terakhir Simpan atau save widget tersebut.

Sekian tutorial bagaimana cara memasang widget statistik mengenai Virus corona yang dapat kamu pasang di website kamu, dan dibawah ini saya menyediakan beberapa daftar kode API dari berbagai daerah maupun Dunia.
https://api.kawalcorona.com/indonesia | Merupakan data dari Indonesia

https://api.kawalcorona.com/indonesia/provinsi | Merupakan data berdasarkan Provinsi Indonesia

https://api.kawalcorona.com/ | Merupakan data Global

https://api.kawalcorona.com/positif | Data Global yang Positif Corona

https://api.kawalcorona.com/sembuh | Data Global yang sudah Sembuh

https://api.kawalcorona.com/meninggal | Data Global yang sudah Meninggal

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

0 Response to "Cara Memasang Widget Statistik Virus Corona pada Website"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

© Copyright 2020 Anirock Site - All Rights Reserved Created With