Yuk, Pasang Widget Penghitungan Mundur Tahun 2016

Sahabat Kabeka || Widget untuk mempercantik Blog ?? Karena kita akan memasuki tahun baru 2016, maka widget Penghitungan mundur Tahun barulah yang sedang hangat saat ini.. wajib dicoba...

Waahhh,, gak kerasa sudah mau tahun baru aja... waktu seakan akan sangat pendek ya sob, padahal rasanya baru kemaren tahun baruan hujan-hujanan :)

okelah, begitulah hidup, cepat lambatnya nikmati saja :v

oke apa yang kabeka bagikan hari ini ?? sesuai judul post dong ah, "Widget Penghitungan Mundur Tahun 2016" :D

apa kegunaan widget ini?? untuk kegunaannya sendiri sudah jelas ya sob :) ini hanyalah widget untuk mempercantik blog :) biar ga terlalu sepi begitu :D

oke bagaimana carnya ?? silahkan ikuti tutorial sederhana dibawah sobat :)

Widget Hitung Mundur Tahun 2016

Oke sebelum naruh, pastikan terlebih dahulu sobat sudah punya blog :D lalu silahkan sobat login..

jika sudah, Pilih Layout, lalu pilih "add a gatget" pilih HTML/Javascript sob..

Pastekan Kode berikut pada kotak yang tersedia:

<style type="text/css" scoped="scoped">
#newyears {background:#5CAAFF;color:#FECC80;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="newyears">
<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>

Sekarang tinggal save saja sobat... silahkan di custom sesuka hati sobat :)

untuk hasilnya kira2 akan seperti ini

oke sob sekian postingan "Cara Memasang Widget Penghitung Mundur Tahun 2016 untuk Blog" semoga bermanfaat :)

kabeka undur diri dulu,, salam blogger....

Related Posts:

Tweet