Pasang Widget Hitung Mundur Tahun Baru 2016 di Blog

Ini adalah artikel kedua dengan topik yang sama dari tulisan saya pada mei, 2015 dengan judul Membuat Countdown Timer Menjelang Tahun Baru 2016 (Hitungan Mundur)

Karena menurut saya widget ini banyak dicari oleh sebagian besar blogger yang peduli terhadap tahun baru, maka saya lakukan repost disini.
HTML
<div id='KS_tahunbaru'>
    <span id='KS_countdown'></span>
</div>
JavaScript
var target_date = new Date("Jan 1, 2016").getTime();
var days, hours, minutes, seconds;
var KS_countdown = document.getElementById("KS_countdown");
setInterval(function () {
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    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);
  KS_countdown.innerHTML = "<span class=\'putih\'>TAHUN BARU menuju 2016 TINGGAL </span>" + days + " <span class=\'putih\'>hari,</span> " + hours + " <span class=\'putih\'>jam,</span> "
  + minutes + " <span class=\'putih\'>menit,</span> " + seconds + " <span class=\'putih\'>detik lagi</span>";
}, 1000);
CSS Style
#KS_tahunbaru {
    background:#739bc8;
    color:yellow;
    font-size:150%;
    text-transform:uppercase;
    text-align:center;
    padding:20px 0;
    font-weight:normal;
    border-radius:5px;
    line-height:1.8em;
}
.putih {color:#fff}

Setting
Saya rasa tidak perlu pengeditan yang berlebihan terhadap kode-kode yang saya berikan, karena saya sudah menambahkan css untuk lebih mempercantik widget sehingga terlihat lebih keren.

Satu hal yang perlu Anda ketahui bahwa: jika widget ini akan digunakan untuk menyambut tahun baru 2017, silahkan ganti angka 2016 bercetak tebal menjadi angka 2017.

URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini