Home → TUTORIAL BLOG → Hitung Mundur Tahun Baru Di Blogger

Hitung Mundur Tahun Baru Di Blogger

Unknown

Rabu, 12 Februari 2014

Halo temen temen semuanya,bertemu lagi dengan saya GOYANG [GAYO AYANG].
Pada kesempatan kali ini saya akan membagikan tutorial cara membuat Hitung Mundur Tahun
Baru Di Blogger.

========================================================

1. Langkah pertama masuk ke blog kamu dulu....

2. Masuk ke tata letak lalu pilih Tambah Gadget kemudian masukkan code di bawahini..

<style type="text/css" scoped="scoped">
    #tahunbaru2014 {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="tahunbaru2014">
    <span id="countdown"></span>
    </div>
<script type='text/javascript'>
    //<![CDATA[
    // set the date we're counting down to
    var target_date = new Date("Jan 1, 2014").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> 2014";

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

3. Kalo uda tekan simpan dan liat hasilnya

NB:"Disini saya tidak menyertakan gambar karena saya kira kalian uda pada tau"

Demikian tutorial saya kaliini bila tutorial saya bermanfaat bagi temen temen semuanya silahkan
komen, dan apabila tutorial saya kali ini malah membuat temen temen semuanya bingung silahkan
abaikan sja.

Dan tidak lupa tetap kunjungi terus www.teknologi-informasi-terpadu.blogspot.com dengan info,software dan tutorial menarik lainny.

"SEKIAN DAN TERIMAKASIH"