Cara Pasang Info Covid-19 di Blog Pribadimu


Wabah Korona memang membuat semua orang di dunia menjadi kuatir, termasuk kita yang berada di Indonesia tercinta ini. Penyebaran yang begitu cepat membuat kita semua harus waspada. Patuhi peraturan/protokol yang dikeluarkan oleh pemerintah agar kita semua dapat selamat dari wabah ini.

Informasi yang begitu mudah dan begitu cepat memunculkan info-info hoax yang kadang membuat kita tambah kuatir. Untuk itu selalu update info-info resmi yang di keluarkan pemerintah. Jadi Waspada boleh tetapi jangan terlalu kuatir, selalu berprilaku sehat dan tetap di rumah saja.

Untuk kita yang berada di Kabupaten Grobogan Provinsi Jawa Tengah Indonesia berikut ini link resmi yang memberikan informasi terbaru tentang corona atau covid-19 yang dapat anda buat sebagai panduan informasi resmi:

1. https://corona.grobogan.go.id/ untuk wilayah Kabupaten Grobogan
2. https://corona.jatengprov.go.id/ untuk wilayah Provinsi Jawa Tengah
3. https://www.covid19.go.id/ untuk Wilayah Indonesia
4. https://www.google.com/covid19/ Untuk Internasional

Anda juga dapat melihat situs lain sperti https://kawalcorona.com/ sebahai situs rujukan lainnya yang datanya sesuai dengan pemerintah. Situs ini yang akan kita pakai Datanya dalam blog kita.

Cara Pasang Info Covid-19 di Blog Pribadimu

corona virus update

Untuk memasang informasi tentang perkembangan Covid-19 di Indonesia pada blog kita seperti pada gambar di atas, berikut langkah-langkah yang tentu sangat mudah kita lakukan.

Cara Pasang Info Covid-19 di Blog Pribadimu
Gambar 1
Langkah pertama adalah buka Dashboard Blogger kamu lalu pilih Menu Layout lalu tambahkan Gadget dengan pilih + Add a Gadget lihat pada Gambar 1

Cara Pasang Info Covid-19 di Blog Pribadimu
Gambar 2
Langkah selanjutnya adalah pilih tipe gadget yang akan kita gunakan, karena kita akan memasukan script yang di akhir artikel akan saya lampirkan maka kita pilih HTML/JavaScript


Cara Pasang Info Covid-19 di Blog Pribadimu
Gambar 3
Langkah terakhir adalah pastekan script di bawah ini di dalam kotak gadget yang kita pilih tadi, lalu pilih juga letaknya agak mudah di baca dan terletak di lokasi yang strategis.

Itulah Cara Pasang Info Covid-19 di Blog Pribadimu dengan mudah dan semoga kita semua bisa melewati wabah ini dengan keadaan sehat serta selalu mendapat perlindungan Allah SWT, Aamiin

Berikut ini Script yang dapat anda copas pada Widget blog kamu.

<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="penajaiborange penajaibshadow img-card"> <div class="penajaibcard-body"> <div class="d-flex"> <div class="penajaiblogoindo"> <img src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" height="50" alt="Positif" /> </div> <p class="penajaibcountry">COVID-19 INDONESIA</p> <p class="penajaibcorona"><b> <span id='terjangkit' class="penajaibpositif"></span></b> POSITIF, <b><span id='sembuh' class="penajaibsembuh"></span></b> SEMBUH, <br/><b><span id='meninggal' class="penajaibmeninggal"></span></b> MENINGGAL</p> <p class="penajaibupdate">Update Hari ini: <span id="date"></span></p> <p>sumber: <a href="https://kawalcorona.com/">kawalcorona.com</a></p></div></div></div> <style> .penajaibcard-body {margin: 0;padding: 20px;position: relative;} .penajaibshadow{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} .penajaiblogoindo {float: right;position: relative;top: 5px;} .penajaiborange {background: #1589E3;color: #fff !important;} .penajaibcountry{font-size:30px;margin:0px !important} .penajaibcorona{padding:5px 0px;margin:0px !important;line-height:30px} .penajaibupdate{font-size:20px;margin:0px !important} .penajaibpositif{padding:5px 7px 5px 5px;background: #f82649!important;} .penajaibsembuh{padding:5px 7px 5px 5px;background: #09ad95!important;} .penajaibmeninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;} </style>

Subscribe to receive free email updates:

0 Response to "Cara Pasang Info Covid-19 di Blog Pribadimu"

Posting Komentar