Cara gampang dan mudah memasang Timer di blog -Cara Membuat timer di blogger - Timer di blogspot untuk keperuan apa saja - Arieshp

www.arieshp.blogspot.com timer blogspot logo
Berhubung Admin akan segera Launching Applikasi Android untuk kalian yang baru saja selesai memformat Gadgetnya, pasti anda akan membutuhkan informasi mengenai kapan applikasi tersebut. Lebih tepatkan tanggal, jam, dan detik ke berapa applikasi tersebut akan launching.

www.arieshp.blogspot.com timer blogspot

Setelah searching di internet, admin menemukan situs syntax code berikut ini yang langsung Admin pasang untuk memberitahukan pengunjung setia Arieshp :D bagi yang ingin memasang juga cek penjelasan coding berikut :

<style type="text/css" scoped="scoped">
#tahunbaru2015 {background:black;color:#5CAAFF;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  .teks {color:white}
</style>
<div id="tahunbaru2015">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("march 20, 2015").getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
// update the tag with id "countdown" every 1 second
setInterval(function () {
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    // do some time calculations
    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);
  
    // format countdown string + set tag value
  countdown.innerHTML = days + " <span class=\'teks\'>hari</span> " + hours + " <span class=\'teks\'>jam</span> "
  + minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik menuju Tahun</span> 2015";

}, 1000);
//]]>
</script>

  • Buka tata letak pada blogger > pilih HTML/JavaScript.
  • Masukkan coding di atas
  • Untuk tanggalnya, tentukan pada tanggal  berapa yang anda inginkan.
  • Admin sendiri memasang pada tanggal 20 maret 2015
  • Maka edit coding berikut : var target_date = new Date("march 20, 2015").getTime();
  • Ganti tanggal march 20, 2015 sesuai selera anda.
  • Selesai
www.arieshp.blogspot.com timer blogspot template

Comments