Cara memasang script Covid-19 pada blogger

Berhubung karena dunia sekarang sedang di hadapkan dengan pandemik atau wabah tingkat internasional CoVid-19 atau Corona Virus. Maka setiap penduduk harus terus berhati-hati dalam situasi apapun dan dimana pun. Kita harus bisa mencegah diri kita untuk terkena virus ini dikarenakan penyebarannya bisa dibilang sangatlah cepat.

Virus Corona menyebar melalui drop let atau cairan manusia yang berasal dari hidung, mata dan mulut. Untuk cara pencegahan, kamu bisa baca artikel saya yang sebelumnya pada link dibawah ini;

Baca juga :  Cara mencegah virus corona

Namun pada artikel ini, saya tidak membahas mengenai pencegahan ataupun bahaya dari Virus tersebut. Saya akan membahas mengenai cara menambahkan widget data statistik yang bertujuan untuk memantau penyebaran virus corona di negara Indonesia. Widget ini berbentuk script yang bisa kamu tambahkan pada blog anda dalam HTML/Java script. Tujuan widget ini adalah untuk meningkatkan kesadaran bahaya virus ini bagi semua pembaca.

Untuk langkah-langkahnya, saya akan jelaskan dibawah ini :

1. Buka website blogger anda dan tekan tab layout/ tata letak.

2. Pada bagian tata letak, kamu dapat melihat banyak tombol + Add a Gadget yang bertujuan untuk menambahkan widget. Kamu dapat memilih lokasi widget anda dengan mencari posisi pada layout ini setelah itu tekan + Add a Gadget.

3. Setelah itu, akan muncul tab baru yang memiliki pilihan seperti dibawah ini.

Dikarenakan kita menggunakan script, maka kita tekan tombol + yang paling bawah dan bertulisan HTML/JavaScript

4. Setelah kamu klik tombol "+" yang berada pada kotak biru, akan muncul tab baru seperti ini.

Pada kolom "Title" kamu dapat mengisikannya dengan judul apapun yang akan muncul diatas widget di blog kamu nanti. Dikarenakan widget ini merupakan tampilan data statistik dari penyebaran virus CoVid-19, maka saya beri title "Data Covid-19".

5. Setelah kolom "Title" Terisi, kamu lanjut dengan mengisi kolom Content. Kolom content ini akan kamu isi dengan script widget yang dibawah ini. Caranya, kamu tinggal copy paste script dibawah ini dan pastekan di kolom "Content". Berikut Script yang harus kamu copy



<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"></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>

Setelah itu, kamu hanya perlu tekan tombol save dan save layout yang baru kamu rubah tersebut. Maka widget yang barusan kamu tambahkan akan muncul sendirinya pada blog milik kamu.

Selamat Mencoba

Baca juga : Cara memasang widget Covid-19 Blogger

Share this post