Cara Memasang Widget Countdown Idul Fitri

Admin bakal kasih cara gimana caranya memasang countdown atau hitungan mundur idul fitri untuk blog kalian nih, simak yah...

• Demo Link

Cara Memasang Countdown Idul Fitri

1. Login Blogger > Tata Letak > add widget > pilih HTML/Javascript > masukan kode di bawah ini yah

<style scoped="" type="text/css"> 
#idulfitri{background:#fa6c92;color:#ffe8a0;font-size:120%;text-align:center;padding:20px 0;font-weight:normal;border-radius:3px;line-height:normal;font-family:'Open Sans',Verdana,Arial,sans-serif}
.digital,.idjudul {color:#fff}
</style>
<div id="idulfitri" 
    padding-top: 10px;
    padding-bottom: 10px;>
<span id="hitungmundur"></span>
</div>
<script>var target_date=new Date("Jun 4, 2019").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 1440H / 2019</span>";},1000); type="text/javascript"</script>

2. Simpan

• Sumber