Membuat fitur Countdown Atau hitungan mundur di google site, blogspot, wordpress dsb tanpa coding mudah banget

Membuat fitur Countdown di website harus menggunakan embed yang berbayar ataupun bisa menggunakan coding dan membutuhkan waktu untuk membuatnya. tapi di ngeweb.site kita bisa membuatnya tidak sampai 1 menit ikuti tutorial lengkap di channel youtube kami Go For Edu Disini

Masukkan Isian Ke Form dibawah ini :

Tenggal (contoh: 12 24, 2022 15:37:25) :

Font diisi 2 kali cari di google font, Awali dengan huruf besar :

Besar Font (contoh : 4):

Tebal Huruf (normal = 400, Tebal = 700) :

kode Warna Font (contoh : #000000) :

Keterangan hari :

Keterangan jam :

Keterangan menit :

Keterangan Detik :

Setelah memasukkan Kode silahkan klik Generate, Copy Semua Code jika telah di generatedan reset kode bisa ingin memasukkan kode atau salah memasukkan kode


<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=micro">
<style>
p {
  font-size:microvw;
font-family: micro;
  text-align: center;
  font-weight: micro;
  margin-top: 0px;
  color: micro;
}

.city {
  overflow: hidden; /* Hide scrollbars */
}

   
</style>
</head>
<body class="city">

<p id="demo"></p>

<script>
// Set the date we're counting down to
var countDownDate = new Date("micro").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get today's date and time
  var now = new Date().getTime();
    
  // Find the distance between now and the count down date
  var distance = countDownDate - now;
    
  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
  // Output the result in an element with id="demo"
  document.getElementById("demo").innerHTML = days + " micro " + hours + " micro "
  + minutes + " micro " + seconds + " micro ";
    
  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);
</script>

</body>

Setelah Mendapatkan Kode silahkan copy kan ke fitur sematkan kode atau embed code di google site

Terima Kasih Telah Berkunjung. Enjoooyyyyy

Mudah Buat Website

Membuat fitur Countdown Atau hitungan mundur di google site, blogspot, wordpress dsb tanpa coding mudah banget

Related Posts

1 komentar

Posting Komentar

Popular

Label

Arsip

Kontributor