Hai blogger👐 Jangan lupa Subscribe di kolom atas yaa😄
Pasti kalian belum tahu kan cara menambahkan Data Statistik Covid-19 di blog kalian ?
Kenapa kita harus memasang di blog kita ? Ya supaya kita tetap waspada, tidak panik, selalu jaga kesehatan dan tetap Stay at Home. Mau tahu caranyaa ? Ternyata gampang loh...🤗
Oke langsung saja ikuti tutorialnya yah
1. Copy kode html di bawah 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="bisablog-card">
<div class="bisablog-info"><h2>DATA COVID-19 INDONESIA</h2></div>
<p class="bisablog-positif">😷 Positif: <span id="terjangkit"></span></p>
<p class="bisablog-sembuh">😊 Sembuh: <span id="sembuh"></span></p>
<p class="bisablog-meninggal">😭 Meninggal: <span id="meninggal"></span></p>
<div class="bisablog-info"><span><em>(Data: kawalcorona.com)</em></span></div>
</div>
<style>
.bisablog-card {padding: 5%; border:1px solid #eaeaea; background:#f4f4f4;border-radius:10px}
.bisablog-card p {color:#fff}
.bisablog-positif {background:#e53935}
.bisablog-sembuh {background:#43a047}
.bisablog-meninggal {padding:10px 7px; background:#546e7a}
.bisablog-positif, .bisablog-sembuh {padding:10px 7px; margin-bottom:1em}
.bisablog-info {text-align:center}
.bisablog-card p{font-weight:bold}
</style>2. Buka dashboard blog kalian klik tata letak.
3. Pilih tempat yang akan ditambahkan. klik Tambahkan Gadget.
4. Pilih tambahkan pada Html / javascript.
5. Paste kode html di atas pada lalu simpan.
6. Buka halaman beranda dari blog kalian dan refresh.
0 Response to "Pasti kalian belum tahu kan cara menambahkan Data Statistik Covid-19 di blog kalian ? "
Post a Comment