Cara Membuat Widget Hitungan Mundur Ke 2015

Waduk Info ~ Widget yang biasa disebut countdown ini biasa kita jumpai di berbagai blog menjelang hari-hari besar seperti Hari Raya, Tahun Baru, dll. Nah pada kali ini widget aslinya adalah dari blog kang ismet dan sedikit dirubah menjadi tahun 2015. Sudah penasaran ? Simak berikut ini.


1. Masuk ke Blgger dan pilih "Tata Letak"
2. Klik "Tambahkan Widget" dimana saja yang sobat ingin tempekan widgetnya.
3. Lalu pilih "HTML / Javascript".
4. Masukan kode berikut.

<style type="text/css" scoped>
#tahunbaru {
    background:#739bc8;
    color:yellow;
    font-size:150%;
    text-transform:uppercase;
    text-align:center;
    padding:20px 0;
    font-weight:normal;
    border-radius:5px;
    line-height:1.8em;
}
.putih {color:white}
</style>
<div id='tahunbaru'>
    <span id='countdown'></span>
</div>
<script type="text/javascript">
var target_date = new Date("Jan 1, 2015").getTime();
var days, hours, minutes, seconds;
var countdown = document.getElementById("countdown");
setInterval(function () {
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    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);
  countdown.innerHTML = days + " <span class=\'putih\'>hari</span> " + hours + " <span class=\'putih\'>jam</span> "
  + minutes + " <span class=\'putih\'>menit</span> " + seconds + " <span class=\'putih\'>detik menuju</span> 2015";
}, 1000);
</script>

5.Klik simpan temlplate dan cek kembali blog anda.

Nah gima sob ? lumayan kan, hehe. Jika sobat ingin tampilan lebih keren bisa sbat mdifikasi sendiri.

Sekian dulu tentan "Cara Membuat Widget Hitungan Mundur Ke 2015" Jangan lupa baca juga Cara Root Android Tanpa PC Terimakasih.