×

Owner / Author / Admin / etc

    Muhamad Arsad    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Blogger, Template, Widget, Internet, dan juga berbagai tips-tips menarik lainnya."

Cara Memasang Widged Covid-19 Di Blogger


Cara Memasang Widged Covid-19 Di Blogger - Hai Sahabat blogger pada saat ini indonesia negara tercinta kita sedang menghadapi wabah virus covid-19 atau banyak yang bilang virus Corona memang sih mendengar nama virus nya saja sudah membuat takut, disini saya tidak akan membahas apa itu Covid-19 melaikan saya disini akan memberikan tutorial Cara Memasang Widged Covid-19 Di Blogger pada saat ini memang banyak blogger - blogger memasang widged tersebut pada blognya oke langsung saja ketutorial nya.

Fungsi Widget Covid-19

Fungsinya adalah untuk memberitahu updatan tentang Virus Corona pengunjung blog kita bisa melihat berapa yang terkena dan yang sembuh

Cara Memasang Widged Covid-19 Di Blogger

1. Silahkan sahabat login ke blogger 
2. Pada Dashboard blogger kemudian klik Layout/Tataletak
3. Kemudian buatlah widged baru terserah mau dimana
4. Lalu Copy kode HTML, CSS, JAVASCRIPT di widged tersebut

<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="vcbg-color vcshadow">
<div class="vccard-body">
<div class="d-flex">
<div class="vclogoindo"> <img src="https://kawalcorona.com/uploads/indonesia-PZq.png" width="50" height="50" alt="Positif" /> </div>
<p class="vccountry">COVID-19 INDONESIA</p>
<p class="vccorona"><b> <span id='terjangkit' class="vcpositif"></span></b> POSITIF, <b><span id='sembuh' class="vcsembuh"></span></b> SEMBUH, <b><span id='meninggal' class="vcmeninggal"></span></b> MENINGGAL</p>
<p class="vcupdate">Update Hari ini: <span id="date"></span></p>
</div></div></div>
<style>
.vccard-body {margin: 0;padding: 20px;position: relative;}
.vcshadow{box-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;}
.vclogoindo {float: right;position: relative;top: 5px;}
.vcbg-color {background:linear-gradient(45deg,#1abc9c,#1abc9c);color: #fff !important;}
.vccountry{font-size:30px;margin:0px !important}
.vccorona{padding:5px 0px;margin:0px !important;line-height:30px}
.vcupdate{font-size:20px;margin:0px !important}
.vcpositif{padding:5px 7px;background: #f82649!important;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)}
.vcsembuh{padding:5px 7px;background: #09ad95!important;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)}
.vcmeninggal{padding:5px 7px;background: #d43f8d !important;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24)}
</style>

5. Kemudian Simpan Widged

Api Untuk Menampilkan Bedasarkan Keinginan
https://api.kawalcorona.com/indonesi | Merupakan Data Dari Indonesia
https://api.kawalcorona.com/provinsi | Merupakan Data Dari Provinsi

Penutup

Demikian cara membuat Widged Covid-19 Atau Widged Virus Corona Di Blogger Semoga Bermanfaat bagi kita semua jangan lupa tinggalkan komentar anda sekian terimakasih
Admin Ganteng Tapi Jomlo :v
  • Facebook
  • Twitter
  • Instagram
  • Tampilkan Komentar
    Sembunyikan Komentar

    2 Responses to "Cara Memasang Widged Covid-19 Di Blogger"

    1. Widget hitung mundur ramadhan 2020 juga dishare kalau ada ga

      Ijin comot scriptnya hehe

      ReplyDelete

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel