Membuat Widget Timer Hari Raya Idul Fitri 2015 di Blog

Selamat Menunaikan Ibadah Puasa, Hari Raya Tinggal Menghitung JAM Mari Pasang Widget Hitung Mundur Menuju Hari Raya Idul Fitri. Admin tidak banyak ngomong lagi langsung saja kodenya , Mohon Maaf Lahir dan Batin ya!!

KODE CSS DAN HTMLNYA

<style scoped="" type="text/css"> 
#idulfitri{background:#31acce;color:#ffe8a0;font-size:120%;text-align:center;padding:20px 0;font-weight:normal;border-radius:3px;line-height:normal;}
.digital,.idjudul {color:#fff}
</style>
<div id="idulfitri">
<span id="hitungmundur"></span>
</div>
<script>var target_date=new Date("Jul 17, 2015").getTime();var days,hours,minutes,seconds;var hitungmundur=document.getElementById("hitungmundur");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);hitungmundur.innerHTML=days+" <span class=\'digital\'>hari</span> "+ hours+" <span class=\'digital\'>jam</span> "
+ minutes+" <span class=\'digital\'>menit</span> "+ seconds+" <span class=\'digital\'>detik menuju</span> <span class=\'idjudul\'>Idul Fitri 1436H / 2015</span>";},1000);
</script>

Langsung Tutorialnya

Tutorial Memasang Widget Hitung Mundur Lebaran/Hari Raya Idul Fitri

Ke Blogger >> Edit TATA LETAK >>> Tambah Widget >>>> HTML/TEXT >>>>> Masukan Scriptnya.. Selamat Mencoba... kiki emotikon

Share this :