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 sobatsilahkan 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