Widget Tahun Baru

 Widget Hitungan Mundur Menuju Tahun Baru 2015 - Wah tidak terasa sebentar lagi tahun baru 2015, ya semoga semuanya sukses selalu di tahun depan ya.

biasanya para blogger juga akan merayakannya dengan membuat artikel atau menaruh widget spesial tahun baru di blognya, begitu juga blog saya, saya meletakkan sebuah widget hitungan mundur menuju tahun baru 2015, yuk langsung saja cekidot . berikut caranya.

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 by blogsiryan.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://blogsiryan.blogspot.com/' target='blank'>2015</a>";

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

3. Klik Simpan.

Semoga Bermanfaat. selamat tahun baru 2015 untuk semuanya.