cara membuat widget hitung mundur tahun baru 2015

cara membuat widget hitung mundur tahun baru 2015

untuk apa membuat widget pergantian tahun baru 2015 di blog?? ya untuk dipasang di blog sebagai hiasan sekaligus pengingat waktu menuju tahun baru 2015.

Lagi rame nih cara tutoria buat widget tahun baru

Cara Terbaru Membuat Countdown Timer Tahun Baru 2015

 

Cara Membuat dan Memasang widget Countdown Timer Tahun Baru 2015 di Blog ada juga yang menamainya cara membuat widget hitungan mundur menuju tahun baru 2015

baikalah akan saya berikan script html untuk ditempatkan di widget sobat
silahkan simak tutorial berikut ini

1. Silahkan menuju ke Tata Letak > Tambah Gadget lalu pilih HTML/Javascript

2. Masukkan kode gadget hitungan mundur menuju tahun baru di bawah ini ke dalamnya

 

<style type='text/css'>
/* Widget Hitungan Mundur Tahun Baru 2015 by cyber-kalba.blogspot.com */
#Mundur {background: #22313F;
color: #65C6BB;
font-family: "Roboto Slab",Arial,sans-serif;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding: 15px 10px;
font-weight: 500;cursor: default}
.teks {color:white}
#Mundur a{color:#65C6BB}
</style>
<div id='Mundur'>
<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, 2015").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> <a href='http://cyber-kalba.blogspot.com/' target='blank'>2015</a>";

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

3. Klik Simpan.
4. Lihat blog sobat jika berhasil maka akan muncul widgetnya pada posisi yang sobat tentukan

gimana cukup mudah kan cara membuat widget hutung mundul tahun baru 2015??
sekian Tutorial Membuat Widget Countdown Timer Tahun Baru 2015