Cara memasang Wdget Statistik Coronavirus atau Covid-19 pada Blogger


Pada kesempatan Kali ini saya akan membagikan Tutorial tentang Cara memasang Wdget Statistik Coronaviros atau Covid-19 pada Blogger. Seperti yang Kita tahu saat ini di Indonesia sudah ada sekitar 1000 orang yang sudah terkena Virus Covid-19 atau Corona. Maka dari itu saya bagikan Tutorial cara pasang Widget pada Blogger untuk mengetahui statistik Corona Terupdate. Mari simak Tutorial cara pemasangannya di Artikel yang Saya bagikan ini.

1. Silahkan Kalian masuk di Blogger menggunakan Akun Gmail Kalian.
2. Masuk ke Menu Tata letak di Blogger.
3. Pilih tambahkan widget baru terserah mau Kalian letakkan di Posisi mana.
4. Pilih HTML/Javascript.
5. Selanjutnya Copy Kode di bawah ini, dan Paste pada Widget form widget tersebut.

<style> .datax #show { width: 31%; float: left; text-align: center; } .positif, .sembuh, .meninggal { margin: 1%; border-radius: 5px; box-shadow: 0 1px 2px 2px rgba(0,0,0,.5); text-overflow: ellipsis; overflow: hidden; color: white; font-family: cursive; } .datax .positif { background: #f5a61f; } .datax .sembuh { background: #24c624; } .datax .meninggal { background: #ed2828; } #show .angka { font-size: 2em; font-weight: 700; } #show .detail { background: white; width: 100%; display: block; color: black; box-shadow: 0px -2px 4px 1px #66c7ff; } .datax .title { text-align: center; text-transform: uppercase; font-family: monospace; font-size:1em; } </style> <script> $(document).ready(function(){ var d = new Date(); var month = new Array(); month[0] = "Januari"; month[1] = "Februari"; month[2] = "Maret"; month[3] = "April"; month[4] = "Mei"; month[5] = "Juni"; month[6] = "Juli"; month[7] = "Agustus"; month[8] = "September"; month[9] = "Oktober"; month[10] = "November"; month[11] = "Desember"; $("#date").html(d.getDate() + " " + month[d.getMonth()] + " " + d.getFullYear()); $.ajax({url: "https://api.kawalcorona.com/indonesia/", success: function(result){ $("#positif").html(result[0].positif); $("#sembuh").html(result[0].sembuh); $("#meninggal").html(result[0].meninggal); }}); }); </script> <div class="datax"> <div class="title"> <h1>Update kasus covid-19 indonesia : <span id="date">24 Maret 2020</span></h1> </div> <div id="show" class="positif"> <div id="positif" class="angka">686</div> <span class="detail">Positif</span> </div> <div id="show" class="sembuh"> <div id="sembuh" class="angka">30</div> <span class="detail">Sembuh</span> </div> <div id="show" class="meninggal"> <div id="meninggal" class="angka">55</div> <span class="detail">Meninggal</span> </div> </div>

6. Kalau sudah seperti itu silahkan Kalian Klik Simpan

Nah!! Begitulah Cara memasang Wdget Statistik Coronaviros atau Covid-19 pada Blogger. Sangat mudah sekali bukan.

Selamat Mencoba

Comments

Popular posts from this blog

9 Daftar Jutsu Terkuat Kakashi Hatake di Serial Anime Naruto

3 Daftar Kemampuan Boruto yang telah diperkuat saat dikendalikan oleh Momoshiki!

Daftar Backlink Redirect Googe yang bisa kalian gunakan untuk meningkatkan DA, dan Pa 2022