"Hei hei, yow yow, Selamat datang Iagi di BangRizkyW.com. Blog terkece, tersuper, terkeren, dan terhit di Indonesia. Update semaunya ENJOYYY SELAMAT MEMBACA" Mencoba berbagi pengalaman, pemahaman, pengetahuan dalam bentuk tulisan karena berbagi pengetahuan itu indah. MOHON MAAF JIKA ADA KESALAHAN DALAM PENULISAN, UNTUK MENDUKUNG KAMI TERUS BERBAGI SILAHKAN BERDONASI KEPADA KAMI CUKUP DENGAN KLIK IKLAN TERIMAKASIH

Cara Membuat Countdown Timer Tahun Baru 2020 di Blog atau website


Tak terasa sebentar lagi tahun baru 2020 akan tiba , sebagai seorang blogger widget Countdown Timer dapat dijadikan sebagai apresiasi untuk menyambut kehadiran tahu baru 2020 ini. Sebelumnya tahukah kamu apa itu Countdown Timer? hemm kalau belom tahu saya kasih tahu ya .

Countdown Timer merupakan widget penghitung waktu secara mundur yang biasanya digunakan menuju waktu atau hari tertentu. Biasanya sih countdown timer atau penghitungan waktu mundur digunakan untuk menyambut Tahun Baru atau moment - moment spesial lainya , khususnya tahun baru 2020 ini .

Untuk demo Countdown Timer seperti gambar dibawah



Tutorial Membuat Widget Countdown Timer Tahun Baru 2020

Untuk cara pemasangan Countdown Timer sangat mudah sekali silahkan salin dan tempelkan kode dibawah ini pada widget HTML/JavaScript :

<style type="text/css" scoped="scoped">
#tahunbaru2020 {background:black;color:#5CAAFF;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="tahunbaru2020">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("Jan 1, 2020").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 Tahun</span> 2020";

}, 1000);
//]]>
</script>

Gimana Caranya sangat mudah bukan? 
sangat mudahkan . Bagi anda yang tertarik dengan widget tersebut untuk menyambut tahun baru 2020 silahkan pasang widget tersebut di blog anda sekarang juga sebelum tahun 2020 tiba

Mudah-mudahan share kali ini ada manfaatnya kalau tidak ada baiknya mohon jangan diambil. demikianlah postingan tentang Cara Membuat Countdown Timer Tahun Baru 2020 di Blog atau website yang bisa saya sampaikan semoga bisa menambah pengetahuan anda.

Terimakasih juga sudah mengunjungi blog sederhana ini, mungkin ada tambahan dari kamu sekalian? kalau ada silahkan isi di kolom komentar jangan lupa juga berikan sebuah saran .

Artikel ini telah di perbarui, judul artkel sebelumnya adalah : Cara Membuat Countdown Timer Tahun Baru 2019 di Blog/website

6 Responses to "Cara Membuat Countdown Timer Tahun Baru 2020 di Blog atau website"

  1. wah boleh nih di taruh di widget blog saya . makasih info nya.

    ReplyDelete
  2. tapi gmana mau copas script nya . klik kanan gak bisa. di select all gak bisa :(

    ReplyDelete
    Replies
    1. 😁😁😁 chat kontak sob, nanti untuk scriptnya akan di kirimkan via chat

      Delete
  3. kirim dong faisal.0379@gmail.com

    ReplyDelete

Tata Tertib Berkomentar :
🔖 Berkomentarlah yang relevan sesuai topik.
🔖 Jika bermanfaat, sobat bisa bagikan juga ke teman-teman sobat melalui tombol media sosial di atas, karena berbagi itu indah, semoga jadi jalan kebaikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel