Widget Countdown Timer Menjelang Idul Fitri

7/12/2015
Widget Countdown Timer Menjelang Idul Fitri

Widget Countdown Timer Menjelang Idul Fitri - Tak terasa detik-detik menjelang hari raya Lebaran Idul Fitri 1436 H semakin dekat saja, khususnya bagi umat muslim lebaran idul fitri merupakan momen yang sangat ditunggu-tunggu. Dimana hari tersebut adalah hari kemenangan setelah menjalankan ibadah puasa selama sebulan.

Berkaitan dengan hal ini Arlina Design akan memberikan sebuah widget countdown timer / hitung mundur menjelang hari raya idul fitri yang bisa sobat terapkan di blog.

Bagi yang ingin mencobanya, silakan ikuti langkah sederhana berikut ini :

1. Buka dashboard blogger > Klik tata letak > Tambahkan widget baru kemudian salin semua kode di bawah ini di dalamnya > Simpan widget.

<style scoped="" type="text/css"> 
#idulfitri{background:#31acce;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="idulfitri">
<span id="hitungmundur"></span>
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/idul-fitri.js" type="text/javascript"></script>

2. Selesai, silakan lihat hasilnya.


Tambahan :

Untuk mengatur widget hanya muncul di halaman utama saja silakan mampir dimari Beberapa Fungsi Tag Kondisional Pada Widget

Semoga bermanfaat.

Referensi : http://blog.kangismet.net/2013/12/membuat-countdown-timer-tahun-baru-2014.html

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

2 comments

Mba bikin yang buat 17 agustus dong :D

Balas

Bisa edit lg javascriptnya

Balas

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.