Memasang Countdown Timer Tahun Baru Dengan JavaScript

Prisma Try Laksana

Blogspot

30 Desember 2014

Belum ada komentar

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.

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