Recent Posts

    Cara Memasang Widget Status Virus Corona di Blog (Update)

    Cara Pasang Widget Virus Corona di Blog

    Selamat datang kembali sama admin cararudi, pada kesempatan kali ini saya akan memberikan sebuah cara memasang widget statistik dari corona virus / covid 19 di blog. Perkembangan dari Coronavirus sangat cepat sekali perkembangannya sampai-sampai ada website (kawalcorona) yang menyediakan data valid untuk status dari corona. Mulai dari orang yang positif terkena covid-19, orang yang telah sembuh melewati wabah tersebut sampai yang sedihnya menampilkan data dari orang yang meninggal akibat virus tersebut.

    Baca Juga: Cara Merubah Homepage menjadi Grid Style di Blog

    Nah bagi Anda pemilik blog atau website yang ingin juga menampilkan data statistik yang valid seperti kawalcorona maka bisa ikuti cara dibawah ini. Setiap pengunjung blog Anda mungkin akan melihat status dari virus corona ini maka dari itu lakukan langkah kecil untuk hal yang bermanfaat.

    Berikut ini adalah Cara Memasang Widget Update Status Virus Corona di Blog

    • Langkah pertama masuk ke akun blogger 
    • pada saat di dashboard blogger pilih menu Tata Letak
    • Buatlah Widget baru di sidebar samping atau terserah dimana saja
    • Pilih HTML/Javascript
    • Salin kode dibawah ini dan pastekan kode tersebut kedalam widget yang tadi telah dibuat
    <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>

    • Langkah terakhir SIMPAN 

    Selesai! Anda telah memberikan informasi mengenai status yang terinfeksi dari covid-19 semoga kedepannya kita bisa melakukan hal baik lainnya.

    Demikian tentang cara memasang widget satatus virus corona di blog secara update semoga apa yang saya berikan bisa bermanfaat untuk Anda semua, jangan lupa bagikan ke teman-teman ya, terima kasih.

    2 Komentar untuk "Cara Memasang Widget Status Virus Corona di Blog (Update)"

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel