Memasang Widget Corona Di Blogspot - Hendrix Cat

    Social Items

Hendrix Cat

Metaltaila.co Adalah Blog Berbagi Template Premium

 

Virus Corona atau COVID-19 adalah virus yang menyerang sistem pernapasan manusia. Virus ini masih berhubungan dengan penyebab SARS dan MERS yang sempat merebak beberapa tahun lalu.V irus Corona saat ini telah menginfeksi lebih dari 100 negara di dunia dan mengakibatkan 6.400 orang meninggal dunia. WHO pun telah menyatakan virus Corona sebagai pandemi.
Artinya, virus Corona telah menyebar ke hampir seluruh dunia dan populasi dunia kemungkinan akan terkena infeksi dari virus ini. Jadi, sebagian dari populasi dunia akan jatuh sakit. Di Indonesia juga Virus Corona ini menjadi momok yang menakutkan bagaimana tidak setiap hari jumlah yang positif terus bertambah. 
bagi anda sebagai blogger jika ingin memberikan update terbaru mengenai virus corona ini anda bisa memasang widget covid 19 di blog anda. untuk caranya cukup mudah silahkan tambahkan script berikut ke widget blogger anda. caranya :
  • buka tata letak klik widget
  • pilih html script dan pastekan script di bawah ini.
  • klik simpan

<div class="orange shadow img-card">
<div class="card-body">
<div class="logoindo"> <img src="https://1.bp.blogspot.com/-lWQVvV9WnGw/Xn0u_Fa5P-I/AAAAAAAACs8/IbtzJbQIlRYmJV1TCCR1U9fkf-5O2htCgCLcBGAsYHQ/s1600/indonesia.png" width="50" height="50" alt="Positif" /> </div>
<div class="d-flex">
<p class="corona"><b> <span id="terjangkit" class="positif">893</span></b> POSITIF, <b><span id="sembuh" class="sembuh">35</span></b> SEMBUH, <br /><b><span id="meninggal" class="meninggal">78</span></b> MENINGGAL</p>
<p class="country">COVID-19 INDONESIA</p>
<p class="update">Update Hari ini: <span id="date">27/3/2020</span></p>
</div> </div> </div> <style> .card-body {margin: 0;padding: 20px;position: relative;}
.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}
.shadow{box-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;} .logoindo {float: right;position: relative;top: 5px;}
.corona{padding:5px 0px;margin:0px !important;line-height:30px}
.orange {background: #418;color: #fff !important;} .country{font-size:30px;margin:0px !important} .update{font-size:20px;margin:0px !important}
.meninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;}
.positif{padding:5px 7px 5px 5px;background: #f82649!important;} .sembuh{padding:5px 7px 5px 5px;background: #09ad95!important;}
</style>
Note :

  • untuk merubah warna backgroud widget ganti di bagian .orange {background : #418
  • Merubah warna Meniggal ganti #d43f8d
  • Merubah warna Positif #f82649
  • Merubah warna Sembuh #09ad95


Ok sob sampai jumpa di tutorial berikutnya

Memasang Widget Corona Di Blogspot

 

Virus Corona atau COVID-19 adalah virus yang menyerang sistem pernapasan manusia. Virus ini masih berhubungan dengan penyebab SARS dan MERS yang sempat merebak beberapa tahun lalu.V irus Corona saat ini telah menginfeksi lebih dari 100 negara di dunia dan mengakibatkan 6.400 orang meninggal dunia. WHO pun telah menyatakan virus Corona sebagai pandemi.
Artinya, virus Corona telah menyebar ke hampir seluruh dunia dan populasi dunia kemungkinan akan terkena infeksi dari virus ini. Jadi, sebagian dari populasi dunia akan jatuh sakit. Di Indonesia juga Virus Corona ini menjadi momok yang menakutkan bagaimana tidak setiap hari jumlah yang positif terus bertambah. 
bagi anda sebagai blogger jika ingin memberikan update terbaru mengenai virus corona ini anda bisa memasang widget covid 19 di blog anda. untuk caranya cukup mudah silahkan tambahkan script berikut ke widget blogger anda. caranya :
  • buka tata letak klik widget
  • pilih html script dan pastekan script di bawah ini.
  • klik simpan

<div class="orange shadow img-card">
<div class="card-body">
<div class="logoindo"> <img src="https://1.bp.blogspot.com/-lWQVvV9WnGw/Xn0u_Fa5P-I/AAAAAAAACs8/IbtzJbQIlRYmJV1TCCR1U9fkf-5O2htCgCLcBGAsYHQ/s1600/indonesia.png" width="50" height="50" alt="Positif" /> </div>
<div class="d-flex">
<p class="corona"><b> <span id="terjangkit" class="positif">893</span></b> POSITIF, <b><span id="sembuh" class="sembuh">35</span></b> SEMBUH, <br /><b><span id="meninggal" class="meninggal">78</span></b> MENINGGAL</p>
<p class="country">COVID-19 INDONESIA</p>
<p class="update">Update Hari ini: <span id="date">27/3/2020</span></p>
</div> </div> </div> <style> .card-body {margin: 0;padding: 20px;position: relative;}
.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}
.shadow{box-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;} .logoindo {float: right;position: relative;top: 5px;}
.corona{padding:5px 0px;margin:0px !important;line-height:30px}
.orange {background: #418;color: #fff !important;} .country{font-size:30px;margin:0px !important} .update{font-size:20px;margin:0px !important}
.meninggal{padding:5px 7px 5px 5px;background: #d43f8d !important;}
.positif{padding:5px 7px 5px 5px;background: #f82649!important;} .sembuh{padding:5px 7px 5px 5px;background: #09ad95!important;}
</style>
Note :

  • untuk merubah warna backgroud widget ganti di bagian .orange {background : #418
  • Merubah warna Meniggal ganti #d43f8d
  • Merubah warna Positif #f82649
  • Merubah warna Sembuh #09ad95


Ok sob sampai jumpa di tutorial berikutnya
Load Comments

Subscribe Our Newsletter

Notifications

Disqus Logo