Cara Memasang Widget Update Statistik Corona di Blogger

Cara Memasang Widget Update Statistik Corona di Blogger

Cara Memasang Widget Update Statistik Corona di Blogger - Coronavirus Disease 2019 atau Covid-19 yang mulai melanda Indonesia sejak bulan Maret tahun ini membuat banyak pihak khawatir dan was-was karena saking cepatnya penyebaran virus Corona ini. Pemerintah bahkan telah menyediakan berbagai layanan pusat informasi mengenai kasus pandemi Covid-19 ini.


Adapun upaya pemerintah dalam menyebarkan informasi kepada masyarakat tentang kasus pandemi Corona ini dimulai dari dirilisnya website covid19.go.id, kerjasama yang menghasilkan chatbot WhatsApp, dan berbagai pihak yang menyediakan kanal khusus untuk membagikan informasi mengenai virus Corona ini.

Cara Pasang Widget Statistik Covid-19 di Blogger

Sesuai judul artikel ini tentang cara pasang widget statistik update virus corona di blogger, tentunya dengan adanya widget tersebut akan membantu pengunjung blog untuk mengikuti perkembangan statistik kasus virus corona khususnya di Indonesia.

Penambahan widget update informasi tentang virus Corona di blogger yang kita miliki ini memanfaatkan API yang disediakan oleh kawalcorona.com yang mengambil data dari Kementerian Kesehatan & JHU.

Cara Pasang Widget Statistik Covid-19 di Blog #1

Cara Memasang Widget Update Statistik Virus Corona Atau Covid-19 di Blog
1. Masuk ke Dashboard Blogger lalu klik pada Tata Letak.

2. Kemudian klik Edit Widget Lalu pilih pada HTML dan JavaScript.

3. Salin kode bawah ini kemudian pastekan ke dalam widget tersebut.
<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="kangtutorialorange kangtutorialshadow img-card"> <div class="kangtutorialcard-body"> <div class="d-flex"> <div class="kangtutoriallogoindo"> <img src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" height="50" alt="Positif"> </div> <p class="kangtutorialcountry">COVID-19 INDONESIA</p> <p class="kangtutorialcorona"><b> <span id='terjangkit' class="kangtutorialpositif"></span></b> POSITIF, <b><span id='sembuh' class="kangtutorialsembuh"></span></b> SEMBUH, <br/><b><span id='meninggal' class="kangtutorialmeninggal"></span></b> MENINGGAL</p> <p class="kangtutorialupdate">Update Hari ini: <span id="date"></p> </div></div></div> <style> .kangtutorialcard-body {margin: 0;padding: 20px;position: relative;} .kangtutorialshadow{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} .kangtutoriallogoindo {float: right;position: relative;top: 5px;} .kangtutorialorange {background: #1589E3;color: #fff !important;} .kangtutorialcountry{font-size:30px;margin:0px !important} .kangtutorialcorona{padding:5px 0px;margin:0px !important;line-height:30px} .kangtutorialupdate{font-size:20px;margin:0px !important} .kangtutorialpositif{padding:5px 7px 5px 5px;background: #f82649!important;} .kangtutorialsembuh{padding:5px 7px 5px 5px;background: #09ad95!important;} .kangtutorialmeninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;} </style>

Simpan dan Widget Statistik berhasil di pasang pada blog kamu.

Cara Pasang Widget Statistik Covid-19 di Blog #2


Cara Memasang Widget Update Statistik Virus Corona Atau Covid-19 di Blog

1. Masuk ke Dashboard Blogger lalu klik pada Halaman.

2. Setelah itu buat halaman dan judul baru. Lalu masuk kedalam mode HTML.

3. Kemudian copas kode dibawah ini, lalu Publikasikan.
<style type="text/css">
p{margin:0}.update{text-align:center;color:#222;font-size:14px;text-transform:uppercase;}.indonesia-title{font-size:20px;font-weight:600}.keterangan{font-size:10px;text-align:left;color:#ffffff}.data{margin:5px 0 10px;display:flex}.data .positif,.data .sembuh,.data .meninggal,.data .indonesia{width:25%;padding:1.5rem 1.5rem;border-radius:5px;position:relative}.data .positif:before,.data .sembuh:before,.data .meninggal:before,.data .indonesia:before{content:&#39;&#39;;position:absolute;background:url(https://kawalcorona.com/data/images/svgs/circle.svg);background-position-x:0%;background-position-y:0%;background-repeat:repeat;background-position:right;background-repeat:no-repeat;width:100%;height:100%;opacity:0.5;top:0;left:0}.data .sembuh{margin:0 10px}.data .indonesia{margin:0 0 0 10px}.data .positif{background:#f82649!important;display:flex;box-shadow:0 5px 10px rgba(167,66,153,0.3)}.data .sembuh{background:#09ad95!important;display:flex;box-shadow:0 5px 10px rgba(167,66,153,0.3)}.data .meninggal{background:#d43f8d!important;display:flex;box-shadow:0 5px 10px rgba(167,66,153,0.3)}.data .indonesia{background:#fc7303!important;display:flex;box-shadow:0 5px 10px rgba(167,66,153,0.3)}.emoji img{width:50px}.emoji{margin-left:auto!important;width:50px!important}.angka{font-weight:600!important;font-size:20px}.indonesia-detail{width:100px}@media screen and (max-width:768px){.data .positif,.data .sembuh,.data .meninggal,.data .indonesia{width:48.55%;padding:10px;border-radius:5px;position:relative}.indonesia-title{font-size:18px}.data{display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap}.data .positif{margin:0 0 auto 0}.data .sembuh{margin:0 0 10px auto}.data .meninggal{margin:0}.data .indonesia{margin:auto 0 auto auto}.emoji{margin-left:auto!important;width:40px!important}}@media screen and (max-width:568px){.data .positif,.data .sembuh,.data .meninggal,.data .indonesia{width:48.55%;padding:10px;border-radius:5px;position:relative}.indonesia-title{font-size:18px}.data{display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap}.data .positif{margin:0 0 auto 0}.data .sembuh{margin:0 0 10px auto}.data .meninggal{margin:0}.data .indonesia{margin:auto 0 auto auto}.emoji{margin-left:auto!important;width:40px!important}}@media screen and (max-width:468px){.data .positif,.data .sembuh,.data .meninggal,.data .data .positif,.data .sembuh,.data .meninggal,.data .indonesia{width:48.44%;padding:10px;border-radius:5px;position:relative}.indonesia-title{font-size:18px}.data{display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap}.data .positif{margin:0 0 auto 0}.data .sembuh{margin:0 0 10px auto}.data .meninggal{margin:0}.data .indonesia{margin:auto 0 auto auto}.emoji{margin-left:auto!important;width:40px!important}}@media screen and (max-width:368px){.data .positif,.data .sembuh,.data .meninggal,.data .indonesia{width:100%;padding:10px;border-radius:5px;position:relative}.data .positif{margin:0}.data .sembuh{margin:10px 0 10px 0}.data .meninggal{margin:0 0 10px 0}.data .indonesia{margin:0}}
 </style>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script>
 <script>
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('B C=["\\p\\9\\q\\a\\9\\5\\b","\\v\\1\\h\\5\\a\\9\\5\\b","\\c\\9\\5\\1\\l","\\9\\w\\5\\b\\x","\\c\\1\\b","\\p\\a\\q\\b","\\p\\a\\x\\b","\\9\\D\\a\\m\\l\\a\\m","\\m\\1\\w\\l\\1\\c\\h\\1\\5","\\r\\E\\l\\r\\h\\1\\5","\\q\\r\\F\\1\\c\\h\\1\\5","\\y\\1\\m\\1\\c\\h\\1\\5","\\8\\2\\3\\y\\0\\3\\2","\\G","\\8\\2\\3\\c\\4\\7\\3\\i","\\8\\2\\3\\v\\s\\d\\d\\H\\2\\0\\e","\\i\\3\\f\\d","\\I\\t\\0\\3\\2","\\i\\3\\3\\n\\g\\J\\o\\o\\0\\n\\6\\j\\K\\0\\L\\0\\d\\k\\4\\e\\4\\7\\0\\j\\k\\4\\f\\o\\6\\7\\t\\4\\7\\2\\g\\6\\0\\o","\\n\\4\\g\\6\\3\\6\\z","\\j\\k\\4\\e\\u\\n\\4\\g\\6\\3\\6\\z","\\g\\2\\f\\A\\s\\i","\\j\\k\\4\\e\\u\\g\\2\\f\\A\\s\\i","\\f\\2\\7\\6\\7\\8\\8\\0\\d","\\j\\k\\4\\e\\u\\f\\2\\7\\6\\7\\8\\8\\0\\d","\\0\\M\\0\\N","\\e\\2\\0\\t\\O"]',51,51,'x61|x45|x65|x74|x6F|x52|x69|x6E|x67|x41|x55|x49|x4D|x6C|x72|x6D|x73|x42|x68|x2E|x63|x54|x53|x70|x2F|x4A|x4E|x4F|x75|x64|x2D|x46|x50|x4C|x44|x66|x62|var|_0x2460|x47|x4B|x56|x20|x59|x23|x3A|x6B|x77|x6A|x78|x79'.split('|'),0,{}));$(document)[_0x2460[26]](function(){var _0x90c3x1= new Date();var _0x90c3x2= new Array();_0x90c3x2[0]= _0x2460[0];_0x90c3x2[1]= _0x2460[1];_0x90c3x2[2]= _0x2460[2];_0x90c3x2[3]= _0x2460[3];_0x90c3x2[4]= _0x2460[4];_0x90c3x2[5]= _0x2460[5];_0x90c3x2[6]= _0x2460[6];_0x90c3x2[7]= _0x2460[7];_0x90c3x2[8]= _0x2460[8];_0x90c3x2[9]= _0x2460[9];_0x90c3x2[10]= _0x2460[10];_0x90c3x2[11]= _0x2460[11];$(_0x2460[17])[_0x2460[16]](_0x90c3x1[_0x2460[12]]()+ _0x2460[13]+ _0x90c3x2[_0x90c3x1[_0x2460[14]]()]+ _0x2460[13]+ _0x90c3x1[_0x2460[15]]());$[_0x2460[25]]({url:_0x2460[18],success:function(_0x90c3x3){$(_0x2460[20])[_0x2460[16]](_0x90c3x3[0][_0x2460[19]]);$(_0x2460[22])[_0x2460[16]](_0x90c3x3[0][_0x2460[21]]);$(_0x2460[24])[_0x2460[16]](_0x90c3x3[0][_0x2460[23]])}})});
 </script>
 <br />
<div class="data">
<div class="positif">
<div class="keterangan">
TOTAL POSITIF
    <br />
<div class="cor-positif angka">
</div>
ORANG
   </div>
<div class="emoji">
<img alt="Positif" src="https://kawalcorona.com/uploads/sad-u6e.png" /></div>
</div>
<div class="sembuh">
<div class="keterangan">
TOTAL SEMBUH
    <br />
<div class="cor-sembuh angka">
</div>
ORANG
   </div>
<div class="emoji">
<img alt="Sembuh" src="https://kawalcorona.com/uploads/happy-ipM.png" /></div>
</div>
<div class="meninggal">
<div class="keterangan">
TOTAL MENINGGAL
    <br />
<div class="cor-meninggal angka">
</div>
ORANG
   </div>
<div class="emoji">
<img alt="Meninggal" src="https://kawalcorona.com/uploads/emoji-LWx.png" /></div>
</div>
<div class="indonesia">
<div class="keterangan">
<span class="indonesia-title">INDONESIA</span>
    <br />
<div class="indonesia-detail">
POSITIF <span class="cor-positif"></span>, SEMBUH <span class="cor-sembuh"></span>, MENINGGAL <span class="cor-meninggal"></span></div>
</div>
<div class="emoji">
<img alt="Indonesia" src="https://kawalcorona.com/uploads/indonesia-PZq.png" /></div>
</div>
</div>
<div class="update">
Update terakhir : <span id="date">/span&gt;</span></div>

Demikianlah tutorial cara pasang widget virus Corona Atau Covid-19 di Blogger. Bagikan informasi ini ke semua kawan blogger lainnya. Semakin banyak yang tahu, semakin banyak kebaikan yang tersebar.

Dan marilah kita semua berdoa semoga penyebaran virus corona ini cepat selesai. Serta, negara Indonesia dan seluruh dunia bisa menyelesaikan masalah ini, Aamiin. Tetap #dirumahsaja dan jaga kesehatan kita semua.

Artikel Terkait

Buka Komentar
Tutup Komentar

Belum ada Komentar untuk "Cara Memasang Widget Update Statistik Corona di Blogger"

Posting Komentar

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me/Beri tahu saya untuk mendapatkan notifikasi komentar.

2. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel