Cara Menambahkan Widget Table Info Covid-19 di Blog

Cara Menambahkan Widget Table Info Covid-19 di Blog

Jalak Ikal 05 April 0 komentar Read
Apa Yang di Maksud Corona Virus ?
Virus corona atau coronavirus adalah keluarga besar virus yang menyebabkan beberapa penyakit. Di antaranya adalah flu biasa hingga penyakit yang lebih parah seperti Middle East Respiratory Syndrome ( MERS-CoV), Severe Acute Respiratory Syndrome ( SARS-CoV), hingga yang terbaru, Covid-19. Melansir laman resmi Badan Kesehatan Dunia (WHO), virus corona bersifat zoonosis, artinya ditularkan antara hewan dan manusia. Pada hewan, virus corona dapat menyebabkan diare, seperti pada sapi dan babi, serta penyakit pernapasan atas pada ayam.


Sementara, pada manusia, virus dapat menyebabkan infeksi pernapasan ringan hingga penyakit yang lebih parah. Virus corona pertama yang menginfeksi manusia diidentifikasi pada pertengahan tahun 1960-an. Nama virus corona sendiri berasal dari bentuk paku atau duri seperti mahkota di permukaannya.

Nah Agar Blog anda tidak ketinggalan Informasi seputar Jumlah Penyebaran Virus Corona atau Covid-19 tersebut di seluruh Wilayah Indonesia,Anda bisa Menambahkan Table Info Kawalcorona di di bagian widget Blog anda

Tahukah Anda Apa yang di Maksud Dengan Kawalcorona?

Kawalcorona adalah sebuah wibsite yang menyediakan berbagai keterangan seputar Perkembangan penyebaran covid-19 atau yang sering kita kenal dengan Istilah Corona Virus

Nah untuk Menambahkan Table Jumlah Penyebarang Corona Virus tersebut,anda dapat mengikuti langkah-langkah pemasangan nya diantaranya adalah sebagai berikut
  • Silahkan Masuk ke Blogger Milik ANda
  • Setelah itu Masuk ke Tataletak
  • Kemudian Klik "Tambah Gadget"
  • Setelah itu silahkan Anda Pilih "HTML/Javascript"
  • Lalu Kemudian Masukan Kode berikut di Kolom yang tersedia
<script>
$(document).ready(function(){var t=new Date;$("#date").html(t.getDate()+"/"+(t.getMonth()+1)+"/"+t.getFullYear()),$.ajax({url:"https://api.kawalcorona.com/indonesia/",success:function(t){$("#terjangkit").html(t[0].positif),$("#sembuh").html(t[0].sembuh),$("#meninggal").html(t[0].meninggal)}})});
</script>
<div class="vireorange img-card">
<div class="virecard-body">
<div class="d-flex">
<div class="virelogoindo"> <img src="https://3.bp.blogspot.com/-5x3v-pc9u2o/XoBetcn49BI/AAAAAAAAB8A/_w0cwuniPdIMgMPrymQ8i0BGQ-KpkLlTQCLcBGAsYHQ/s36/indonesia-flagg.png" width="36" height="24" alt="Positif" /> </div>
<p class="vireupdate">Update Hari ini: <span id="date"/></span></p>
<p class="virecountry">Info COVID-19</p>
<p class="virecorona"> <span id="terjangkit" class="virepositif"/></span>Positif&nbsp;&nbsp;&nbsp;&nbsp;<span id="sembuh" class="viresembuh"/></span>Sembuh&nbsp;&nbsp;&nbsp;&nbsp;<span id="meninggal" class="viremeninggal"/></span>Meninggal</p>
</div></div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 24 150 28" preserveaspectratio="none">
 <defs>
    <path id="gentle-wave" d="M-160 44c30 0 58-18 68-18s 58 18 88 18 58-18 98-5 58 18 88 18 v44h-352z" />
 </path></defs>
 <g>
   <use xlink:href="#gentle-wave" x="55" y="0" fill="rgba(34,49,63,0.03)"/>
   <use xlink:href="#gentle-wave" x="48" y="2" fill="rgba(34,49,63,0.03)"/>
   <use xlink:href="#gentle-wave" x="50" y="4" fill="rgba(34,49,63,0.03)"/>  
 </use></use></use></g>
</svg>
</div>
<style>
.virecard-body{margin:0;padding:20px;font-weight:500;position:relative;z-index:1}
.virelogoindo{float:right;position:relative;top:0;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.05);overflow:hidden}
.vireorange{position:relative;background:#f6f7fa;color:#000;margin:0 auto 20px auto;border-radius:10px}
.vireorange svg{position:absolute;bottom:0;left:0;right:0}
.virecountry{font-size:26px;font-weight:500;margin:0}
.virecorona{padding:10px 0 0 0;margin:0;font-size:14px;line-height:30px}
.vireupdate{font-size:14px;margin:0 auto 10px auto}
.virepositif,.viresembuh,.viremeninggal{padding:3px 10px;color:#fff;border-radius:99em;margin:0 7px 0 0}
.virepositif{background:#f39c12}.viresembuh{background:#54a0ff}.viremeninggal{background:#ee5253}
.virewords{padding:5px 7px 5px 5px;background:#333333;border-radius:10px;align:center}
</style>
  • Setelah itu Silahkan Save dan lihat Hasilnya
Nah itulah Cara Pemasangan Table Informasi Perkembangan Covid-19 atau Corona Virus di Wilayah Indonesia

Posted by Jalak Ikal, Published at 05 April and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi