Cara Memasang Widget Hitung Mundur Hari Raya Idul Fitri 1438 H/2017 M

Maaf gambar belum update !!!!
Assalamualaikum para sahabat reboza sambirejo semua. Tak terasa, tinggal beberapa hari lagi akan datang hari kemenangan yaitu hari lebaran khususnya untuk umat muslim sedunia.

Siapa sih yang nggak suka lebaran hari dimana kita saling bermaaf maafan, halal-bihalal, pakai baju baru (jika punya), dan dapat uang (untuk yang masih kecil).

Langsung saja tidak usah membahas terlalu khususon tentang lebaran, saya akan langsung bahas cara membuat widget hitung mundur atau sering disebut countdown timer untuk hari lebaran atau lebih tepatnya hari raya idul fitri 1438 H/2017 M yang sebentar lagi tiba.

Sebenarnya cara ini hampir sama dengan postingan yang sudah pernah saya bahas sebelumnya yaitu pada countdown timer bulan ramadhan hanya saja perbedaan terlatak pada salah satu script nya.

Untuk menyingkat waktu silahkan perhatikan cara berikut.

Cara memasang countdown timer Idul Fitri 1438 H/2017 M

Buka dashboard blog > klik tata letak > pilih html/javascript

Isi judul, kemudian salin kode berikut dan isikan pada kotak konten

<style type="text/css" scoped="scoped">
#idulfitri2017 {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="idulfitri2017">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("June 25, 2017").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 hari raya Idul Fitri </span> 1438 H/2017 M";
}, 1000);
//]]>
</script>

terakhir save dan lihat hasilnya.

Untuk result bisa dilihat di sidebar blog ini jika masih ada.