Widget Countdown Hitung Mundur Bulan Ramadhan 2016

Artikel terkait : Widget Countdown Hitung Mundur Bulan Ramadhan 2016

Images by Pocong Happy

PocongHappy - Saya kembali lagi nih dengan topik yang agak berbeda dari biasanya , kali ini Saya mau membagikan Widget Countdown Hitung Mundur Bulan Ramadhan 2016 . Widget ini Saya dapatkan dari sebuah blog yang benama naufaladzani , Jika kalian ingin memasang widget Countdown ini diblog kalian silahkan langsung saja . Contoh Countdown nya seperti yang Saya terapkan diblog ini . Saya memposting artikel tentang ini karna banyak sekali yang bertanya kenapa Saya dari mana Saya mendapatkan widget Countdown ini .

Langsung Saja pasang diblog kalian :

• Buka Tata Letak - Tambahkan Gadget
• Pilih HTML/Javascript
• Copy dan Paste kode dibawah ini , setelah itu klik simpan .

<style type="text/css" scoped="scoped">
#bulanramadhan2016 {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="bulanramadhan2016">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("Jun 8, 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 ramadhan </span> 2016";
}, 1000);
//]]>

</script>

Catatan : kode yang Saya beri warna biru silahkan ganti dengan warna yang kalian inginkan .