Cara Membuat Penghitung Mundur Countdown di Blog

Anda ingin di blog Anda ada penghitung mundurnya? Misal untuk menghitung mundur hari-hari atau peringatan tertentu, atau untuk memperingati hari ulang tahun Anda sendiri.

Contoh penghitung mundur.

Dengan penghitung mundur tersebut maka akan mudah untuk tidak melewatkan suatu acara atau peringatan tertentu.

Sebenarnya cara untuk memasang widget penghitung mundur tersebut tidaklah sulit. Berikut adalah langkah-langkahnya.

- Copy script dibawah ini.
<style type="text/css" scoped="scoped"> #bulanramadhan2015 {background:green;color:#F8DE03;font-family:Open Sans;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;} .teks {color:white} </style> <div id="bulanramadhan2015"> <span id="countdown"></span> </div> <script type='text/javascript'> //<![CDATA[ // set the date we're counting down to var target_date = new Date("Jun 07, 2016").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 Suci Ramadhan</span> 2016"; }, 1000); //]]> </script>

- Ganti kata new Date("Jun 07, 2016") dengan tanggal yang Anda yang inginkan.
  Ganti kalimat detik menuju Bulan Suci Ramadhan dengan kalimat yang Anda inginkan.


- Kemudian buka blogger Anda. Pilih Layout.

- Kemudian tambah gadget atau widget HTML/Javascript. Coba untuk meletakkan widget tersebut di tempat yang mudah dilihat. Dan pastekan script tadi.

- Kemudian Simpan dan lihat hasilnya.

Selamat mencoba.