Cara Membuat Widget Countdown Timer Pada Blog Atau Website



Ngulik Kode - waktu begitu sangat cepat sampai tidak terasa sudah mendekati Hari Kemerdekaan Indonesia 2015 yang ke-70, mari kita sambut dan ramaikan hari kemerdekaan bangsa kita dengan hal-hal yang bermanfaat dan beguna bagi bangsa kita sendiri. sudah sekian lama bangsa kita dijajah oleh bangsa lain, dan jangan sampai negara kita dijajah kembali mulai dari sekarang dan selamanya.

Berkaitan dengan hari kemerdekaan tersebut Ngulik Kode ingin membagikan Widget Countdown Timer Menjelang Hari Kemerdekaan Indonesia ke-70 yang dapat dipasang pada blog atau website anda. Widget ini dapat mempercantik tampilan blog/website anda dan sekaligus untuk mengingatkan hari kemerdekaan Indnesia 2015 yang ke-70 bagi anda yang lupa :D

Bagi anda yang ingin mencobanya ikuti langkah-langkah di bawah :

1. Buka dashboard blogger > klik tata letak > tambahkan widget baru lalu kemudian salin semua kode dibawah ini

<style scoped="" type="text/css"> 
#merdeka{background:#e35555;color:#ffe8a0;font-size:120%;text-align:center;padding:20px 0;font-weight:normal;border-radius:3px;line-height:normal;font-family:'Open Sans',Verdana,Arial,sans-serif}
.digital,.idjudul {color:#fff}
</style>
<div id="merdeka">
<span id="hitungmundur"></span>
</div>
<script src="http://dinexploit.org/olin/17-agust-2015.js" type="text/javascript"></script>
See the Pen zGmWxQ by Muhammad Sholihin (@olin48) on CodePen.

2. Selesai, lalu lihat hasilnya.
Result click to begin 
 
Sebenarnya script ini bukan hanya untuk membuat Widget Countdown Timer untuk menyambut hari kemerdekaan Indonesia yang ke-70 tapi bisa juga untuk yang lainya misalnya, untuk launching website atau blog, untuk Countdown Timer Tahun Baru dan masih banyak lagi agar blog/website yang kita punya akan tampil menarik dan membuat pengunjung menjadi betah di blog/website kita.

Sekian tutorial dari saya semoga bermanfaat untuk anda.


Referensi : http://arlinadesign.blogspot.com/2015/07/widget-countdown-timer-menjelang-idul-fitri.html


First

Formulir Kontak

Name

Email *

Message *