Cara Pasang Script Realtime Data Virus Corona (Covid-19) di Blog dan Website

Riffat Digital Services - Bagaimana cara pasang Script data covid 19 di blog dan berikut adalah cara yang paling mudah dan script ini bisa dipasang oleh siapa saja baik untuk platform WordPress maupun untuk platform blogger maupun untuk platform yang lainnya yang dimana script ini sangat support untuk semua website, saat ini seperti yang kita ketahui bahwa penyebaran virus Corona masih banyak sehingga bagi kita yang sering lupa untuk penyebaran maupun jumlah korban baik yang terkonfirmasi maupun yang masih dirawat ataupun jumlah yang sembuh dan serta jumlah yang meninggal sehingga dengan script ini anda bisa memberi tahu kan kepada pengunjung website Anda maupun blog anda tentang konfirmasi penyebaran maupun data covid-19 yang ada di Indonesia.

Dan untuk memasang script ini sebenarnya sangat mudah sekali dimana script ini kami buat dengan tujuan untuk memberikan wawasan kepada para pengunjung yang sering mengunjungi website kita maupun blog kita sehingga Dengan begitu kita setidaknya bisa mengingatkan kepada mereka yang sering mengunjungi website kita tentang dampak penyebaran virus Corona yang ada di Indonesia ini dan tentu saja ini menjadi salah satu faktor sebuah dukungan kepada bangsa serta negara khususnya untuk keselamatan kita semua.

Dan untuk menghindari bagaimana agar kita tidak bisa tertular oleh virus Corona ini atau covid-19 ini anda sebenarnya cukup mudah mencarinya Anda bisa membaca di situs-situs pemerintah yang bisa dipercaya dan yang bisa di diandalkan karena di situs-situs tersebut kita bisa menemukan data-data yang dimana script ini juga merupakan data Real Time yang diambil dari situs-situs tersebut.

Dan untuk menghargai pembuatan script ini Saya harap anda untuk tidak menghapus credit link pada script tersebut karena untuk membuat script tersebut prosesnya panjang karena seperti yang kita ketahui di beberapa blog maupun website banyak yang membagikan script-script seperti ini tetapi kebanyakan sudah tidak berfungsi lagi seperti biasanya.

Dan berikut adalah cara mudah memasang Script virus Corona dan data update covid-19 di website:

1. Langkah pertama Tentu saja Anda harus masuk ke dashboard WordPress maupun blogger maupun platform yang lainnya dan untuk pemasangannya anda hanya cukup tinggal copy-paste saja script yang kami bagian ini dan anda bisa menyimpannya di halaman postingan maupun di halaman statis atau Anda bisa menyimpannya di penambahan Widget pda tata letak.

<!-- Copy Mulai Dari Sini-->  
<img alt="Positif" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7lxRfzKlikCif79mXC1GcMV2IIfsS_5UHdv3Hr4mHX13kfyKzLJQ_52OrelJ8TMLH_YCKkupJnyMtc_el3Z8ePwetMgCDGJIxmqUZfwuRXtHABVFTK07jK0wsBSVx-8xDd8KP5hoFJu0/s1600/indonesia-covid.png" width="50" />
<style>
    :root {
        --background-color: white;
        --box-color: #ebebeb;
        --text-color: #21262c;
        --number-font-size: 2.4rem;
        --heading-font-size: 1.6rem;
      }
      body {
        background-color: var(--background-color);
        margin: 0px;
        font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont,
          "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
          "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        text-align: center;
        color: var(--text-color);
      }
      #root {
        padding: 1rem;
        height: calc(100vh - 2rem);
        display: flex;
        flex-direction: row;
        align-items: center;
      }
      #root .maincontainer {
        width: 100%;
      }
      .cornflowerblue {
        color: cornflowerblue;
      }
      .orange {
        color: #f5a623;
      }
      .green {
        color: #219653;
      }
      .red {
        color: #d8232a;
      }
      .container {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        margin-bottom: 1.5rem;
      }
      @media (max-width: 640px) {
        .container {
          grid-template-columns: 50% 50%;
        }
      }
      @media (max-width: 480px) {
        body {
          --number-font-size: 1.2rem;
          --heading-font-size: 1.3rem;
        }
        .box {
          margin: 0.2rem !important;
        }
        .box .label {
          font-size: 0.65rem !important;
        }
      }
      .box {
        margin: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0.7rem;
        background-color: var(--box-color);
        border-radius: 6px;
        margin-bottom: 0.3rem;
      }
      .box .number {
        font-family: "IBM Plex Mono", monospace;
        font-size: var(--number-font-size);
      }
      .box .label {
        font-size: 0.8rem;
        text-align: center;
      }
    </style>
<h2>Update Data COVID-19 di Indonesia</h2>
<div class="container">
<div class="box">
<span class="number cornflowerblue" id="confirmed">-</span>
<span class="label">Terkonfirmasi</span>
</div>
<div class="box">
<span class="number orange" id="activeCare">-</span>
<span class="label">Dirawat</span>
</div>
<div class="box">
<span class="number green" id="recovered">-</span>
<span class="label">Sembuh</span>
</div>
<div class="box">
<span class="number red" id="deceased">-</span>
<span class="label">Meninggal</span>
</div>
</div>

<span class="info">Sumber data : Kementerian Kesehatan & JHU. Update terakhir :</span>
<span class="date">
<span id="metadataDate"></span><br/>
Script Powered By: <a href="//oto.riffatstore.com/" target="_blank" title="Riffat Jaya Motor">
Riffat Jaya Motor
</a>
</span>
</div>
<script type="b2438974c45b8dcb9b1465d6-text/javascript">
      const monthNames = [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember",
      ];

      function numberWithCommas(x) {
        return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
      }

      const getData = async function () {
        let doFetch = await fetch("https://romantic-knuth-c6ede9.netlify.app/.netlify/functions/corona", {
          method: "GET",
        });

        let result = await doFetch.json();

        result.filter((data) => {
            document.getElementById("confirmed").innerText = numberWithCommas(
              data.positif
            );
            document.getElementById("recovered").innerText = numberWithCommas(
              data.sembuh
            );
            document.getElementById("deceased").innerText = numberWithCommas(
              data.meninggal
            );
            document.getElementById("activeCare").innerText = numberWithCommas(
              data.dirawat
            );
            let _date = new Date();
            _date.setHours(_date.getHours() - 3);

            document.getElementById(
              "metadataDate"
            ).innerText = `${_date.getUTCDate()} ${
              monthNames[_date.getMonth()]
            } ${_date.getFullYear()} ${_date.getHours()}:${_date.getMinutes()}:${_date.getSeconds()}`;
          return true;
        });
      };

      getData();
    </script>
<script src="https://ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js" data-cf-settings="b2438974c45b8dcb9b1465d6-|0" defer=""></script>
<!-- Sampai Sini-->   

2. Contohnya di sini untuk platform blogger silakan Anda pilih salah satu tempat yang ingin anda gunakan untuk menyimpan script ini Apakah mau di halaman postingan ataupun di halaman statis ataupun di laman Widget yang bisa anda tambahkan di tata letak pada dasboard blogger anda, misalkan di sini saya akan menyimpannya di halaman statatis page, untuk pemasangan script di atas pastikan anda memilih menu HTML dan bukan menu Compose untuk contohnya bisa anda lihat pada gambar di bawah ini.

Itulah panduan maupun tutorial yang bisa kami sampaikan tentang bagaimana cara memasang Script covid 19 maupun tutorial cara membuat script data virus Corona Jika ada hal-hal yang ingin ditanyakan silakan ditanyakan dan kami akan menjawabnya dengan senang hati dan apabila ada salah tutur kata mohon dimaafkan dan Sekian dulu terima kasih.