» » » Cara memasang widget Countdown Timer HUT Kemerdekaan RI ke 69

Cara memasang widget Countdown Timer HUT Kemerdekaan RI ke 69

Cara memasang widget Countdown Timer HUT Kemerdekaan RI ke 69 - Tak terasa HUT Kemerdekaan RI ke 69 sebentar lagi, yaitu tanggal 17 Agustus 2014 dan HUT yang ke 69 . Sudah pernah mendengar Countdown Idul Fitri 1435 H ? nah Widgetnya sama, cuma Hari yang ditunggulah yang berbeda. 

 Jadi widget ini berfungsi untuk menghitung mundur dari hari ini, sampai nanti HUT Kemerdekaan RI ke 69 Tanggal 17 Agustus 2014. Selain itu, script ini cukup Ringan, dan tidak akan memberatkan Blog sobat, jadi Loading tetap Stabil. Langsung saja kita ke Scriptnya  :

<style scoped="" type="text/css">#waktumundur {    background:rgba(19, 19, 19, 0.65);    color:#FFC200;    font-size:130%;    text-transform:uppercase;    text-align:center;    padding:20px 0;    font-weight:normal;    border-radius:5px;    line-height:1.8em;    font-family:Trebuchet MS, Verdana, Arial, sans-serif;}.digit {color:white}.judul {color:white}</style><div id="waktumundur"><span id="countdown"></span></div><script type='text/javascript'>//<![CDATA[var target_date = new Date("Aug 17, 2014").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=\'digit\'>hari</span> " + hours + " <span class=\'digit\'>jam</span> "  + minutes + " <span class=\'digit\'>menit</span> " + seconds + " <span class=\'digit\'>detik menuju</span> <span class=\'judul\'>HUT Kemerdekaan Republik Indonesia yang ke 69</span>";   }, 1000);//]]></script>
Cara memasangnya : 

 1. Pergi ke Dashboard 
2. Pergi ke tata letak 
3. Klik tambah Widget 
4. Klik HTML/Javascript
5. Masukan script tadi.

 Lihat deh Hasilnya...
Sumber foto : Klik disini

 Semoga bermanfaat bagi kita semua 
Ditulis oleh pada tanggal Tuesday, August 5, 2014

6 Komentar untuk "Cara memasang widget Countdown Timer HUT Kemerdekaan RI ke 69"

Aturan berkomentar di Blog ini :

1. Tidak mengandung unsur SARA.
2. Tidak mengandung unsur menyinggung orang.
3. Tidak mengandung unsur Negatif.
4. Tidak mengandung unsur kata-kata yang kasar
5. Tidak memakai bahasa Alay.
6. Tidak menulis LINK AKTIF !

Jadilah Pengunjung Blog yang Baik !