Cara Membuat Widget Hitungan Mundur Puasa Bulan Ramadhan 2021

Hallo sahabat Eza Reload, Pada Artikel yang Shobat baca kali ini dengan judul Cara Membuat Widget Hitungan Mundur Puasa Bulan Ramadhan 2021, kami telah mempersiapkan artikel ini dengan baik untuk Shobat baca dan ambil informasi di dalamnya. mudah-mudahan isi postingan Artikel Tutorial blogger, yang kami tulis ini bisa Shobat pahami. baiklah, selamat membaca.

Cara Membuat Widget Hitungan Mundur Puasa Bulan Ramadhan 2021
Source: EzaReLoad.Com

EzaReLoad.Com - Cara Membuat Widget Countdown Puasa Bulan Ramadhan 2021 - Selamat datang sobat blogger, kembali lagi bersama Ezareload.Com, Kali ini saya ingin berbagi artikel mengenai Widget Hitungan Mundur Puasa Bulan Ramadhan. Mungkin Shobat sudah pernah dengar dengan widget yang satu ini pada tahun lalu, namun untuk tahun ini masih jarang orang yang memasang. Inilah Cara Memasang Widget Countdown atau Hitungan Mundur untuk menyambut datangnya bulan suci Ramadhan 2021. Untuk Previewnya silahkan dilihat pada widget sidebar di blog ini.

Cara Pasang Widget Hitungan Mundur Bulan Ramadhan 2021 di Blog

1. Buka Blogger, & pilih blog mana yang akan Shobat pasangi.

2. Masuk ke menu Tata Letak lalu tambahkan widget pilih HTML/Javascript kemudian masukan kode berikut :

<style type="text/css" scoped="scoped">
#bulanramadhan2021 {background:black;color:#0EDC00;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  .teks {color:white}
</style>
<div id="bulanramadhan2021">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("April 13, 2021").getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
// update the tag with id "countdown" every 1 second
setInterval(function () {
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    // do some time calculations
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;
    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);
    // format countdown string + set tag value
  countdown.innerHTML = days + " <span class=\'teks\'>hari</span> " + hours + " <span class=\'teks\'>jam</span> "
  + minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik menuju bulan ramadhan </span> 2021";
}, 1000);
//]]>
</script>

3. Paste lalu simpan dan lihat perubahanya.

Keterangan :
Ubah yang saya beri warna merah sesuai dengan warna yang shobat untuk mengganti warna pada tulisan waktu. Ubah warna hijau sesuai ukuran yang di inginkan untuk mengubah ukuran tulisan.

Nah itulah cara memasang Widget Countdown atau Hitungan Mundur untuk Menyambut Bulan Puasa Ramadhan 2021. Sekian dulu dari saya. Terimakasih.


Penutup

Itulah pembahasan artikel tentang Cara Membuat Widget Hitungan Mundur Puasa Bulan Ramadhan 2021 mudah-mudahan bisa memberi manfaat untuk Shobat semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Widget Hitungan Mundur Puasa Bulan Ramadhan 2021

Anda mungkin menyukai postingan ini

  1. Untuk menyisipkan sebuah kode gunakan <i rel="pre">code_here</i>
  2. Untuk menyisipkan sebuah quote gunakan <b rel="quote">your_qoute</b>
  3. Untuk menyisipkan gambar gunakan <i rel="image">url_image_here</i>