30 Desember 2014

Memasang Countdown Timer Tahun Baru Dengan JavaScript

Tak terasa tahun baru 2015 sudah semakin dekat saja, di samping itu pula kita juga semakin cepat meninggalkan tahun 2014. Pasti banyak kenangan yang terjadi selama satu tahun yang lalu, dengan bergantinya tahun baru masehi ini saya berharap kita akan menjadi pribadi yang lebih baik lagi, membanggakan orang tua dan keluarga, serta bermanfaat bagi banyak orang.

New Year

Untuk menyambut tahun baru kali ini saya menghadirkan Widget Countdown Timer Tahun Baru 2015, tutorial ini bersumber dari +Kang Ismet dari artikelnya satu tahun lalu. Dengan menggunakan JavaScript untuk menghitung waktu yang tepat jatuh pada 1 Januari 2015 pukul 00.00 WIB, jadi akan menghitung berapa waktu yang tersisa menuju awal tahun 2015.

Cara Memasang Countdown Timer Tahun Baru 2015 :

  1. Login akun blogger Anda.
  2. Lalu pilih Tata Letak > Tambahkan Gadget > HTML/JavaScript.
  3. Salin kode di bawah ini kemudian tempel pada Konten.
    <style type='text/css' scoped>
      #tahunbaru {
        background:#739bc8;
        color:yellow;
        font-size:150%;
        text-transform:uppercase;
        text-align:center;
        padding:20px 0;
        font-weight:normal;
        border-radius:5px;
        line-height:1.8em;
      }
    
      .putih {
        color:white
      }
    </style>
    
    <div id='tahunbaru'>
      <span id='countdown'></span>
    </div>
    <script src='https://cdn.rawgit.com/NegeriMakmur/post/master/new-year.js' type='text/javascript'></script>
  4. Untuk judul biarkan kosong kemudian simpan.
Dengan cara ini kita bisa mengkreasikan ide kreatif kita misal untuk ulang tahun dan yang lain. Selamat mencoba.

Baca juga : Responsive Sticky Widget Pada Sidebar Blog

4 komentar

bagus juga nih di terapkan buat waktu mau ultah selain buat tahun baru sendiri :D

Hehe iya bener banget mas, tinggal edit target waktunya aja :)

Keren mas, Javascriptnya bisa dicontek, buat tahun depan tapi hehehe

Isikan komentar Anda dengan bijak.