Cara Membuat Countdown Timer Tahun Baru 2016 Keren Di Blog

Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu cara membuat countdown timer tahun baru 2016 keren di blog, memang beberapa hari lagi kita akan menjumpai hari yang istimewa yaitu tahun baru 2016, nah mungkin bagi anda yang suka dalam memberi hiasan untuk blog anda tips ini bisa diterapkan di blog anda. Nah langsung saja saya kasih tutorialnya dan demonya hanya untuk agan pengunjung setia blog RenaldyWays;

Langkah

1. Login pada blog anda masing-masing,

2. Pada menu dashboard pilih menu template, lalu pilih menu edit template,

3. Cari kode </b:skin> dengan cara

Ctrl

+

F

,

4. Copy script di bawah ini lalu paste tepat di atas kode </b:skin>,

#RenaldyWaysNewYear2016 {
  background:none repeat scroll 0% 0% rgba(19,19,19,0.65);
  color:#FFC200;
  font-size:130%;
  text-transform:capitalize;
  text-align:center;
  padding:15px 0;
  font-weight:normal;
  border-radius:5px;
  line-height:1.8em;
  font-family:&
  quot;
  Roboto&
  quot;
  ,Arial;
  margin-bottom:15px;
}

.digit {
  color:white;
}

.juduls {
  color:#FFC200;
}
 

5. Setelah itu simpan template,

6. Lalu kembali ke menu dashboard pilih menu tata letak, lalu pilih menu tambahkan gadget, setelah itu pilih menu html/javascript,

7. Copy script di bawah ini lalu paste pada kolom html/javascript yang sudah disediakan,

 <div id='RenaldyWaysNewYear2016'>
<span id='countdown'>
</span></div>
<script type='text/javascript'> 
//<![CDATA[ 
var target_date = new Date("Jan 1, 2016").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 class=\'juduls'>Tahun Baru 2016</span>";
}, 1000);
//]]>
</script> 

8. Simpan dan lihat hasilnya.

Nah itu saja dari saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.

Share this