Jumat, 03 Januari 2014

Cara Memasang Count Down Di Blog



Laba-Laba Blog - Pada pagi hari ini di tahun 2014 saya akan memposting artikel lagi seperti biasanya saya akan membahas kembali tentang dunia blogger yaitu Cara Memasang Count Down Di Blog. Menurut saya bila anda mendengar kata tadi pasti sudah tidak asing lagi alias sudah biasa mendengarnya karena sudah banyak orang membahas tentang count down di blog. Count down di blog memiliki bentuk-bentuk yang menarik dan juga keren sehingga banyak orang yang ingin sekali memasangnya seperti saya ini. Fungsi dari count down itu sendiri ialah untuk menghitung waktu mundur seperti menghitung waktu mundur pergantian tahun dan masih banyak lagi. Saya tidak ingin berbicara panjang lebar selebar jalan tol, berikut ikutilah perintah dibawah ini.

1. Masuk ke blogger.
2. Dari dasbor => tata letak.
3. Apabila sudah di tata letak kemudian anda bisa pilih tambahkan.
4. Cari kata html/javascript.
5. Salin script dibawah ini.
<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>
6. Simpan.
*) Ganti tulisan yang diberi tanda warna biru sesuai dengan tanggal yang anda inginkan. 

Tidak ada komentar:

Posting Komentar

1. Berkomentar haruslah sopan.
2. Jika ada kesalahan kata-kata dalam artikel saya, mohon dimaklumi.