Cara Pasang Widget Waktu Menuju 2016

Tahun 2015 akan berakhir dan beralih ke 2016.Dan dalam Kesempatan ini saya ingin memberikan widget waktu menuju tahun 2015.Contohnya seperti gambar diatas yang berkotak merah,oke langsung saja ikuti langkah dibawah ini :
1. Login Blogger.
2. Pergi Ke menu Tata Letak
3. Pilih HTML/Java Script
4. Copykan semua kode dibawah ini :

<style type="text/css" scoped="scoped">
#tahunbaru2016 {background:black;color:#FF0000;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="tahunbaru2016">
<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, 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 Tahun</span> 2016";

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

5. Simpan
  Sekarang Blog kamu menampilkan waktu Menuju 2016.Sekian
Semoga Artikel Ini Bermanfaat.Terima Kasih

Tweet

Subscribe to receive free email updates: