Membuat Widget Countdown Atau Hitungan Mundur Menuju Idul Fitri ~ Agan Tutorial
Monday, July 14, 2014

Membuat Widget Countdown Atau Hitungan Mundur Menuju Idul Fitri


Membuat Widget Countdown Atau Hitungan Mundur Menuju Idul Fitri

Marhaban Ya Ramadhan, di bulan Ramadhan yang penuh berkah ini, banyak para blogger yang sudah handal membuat widget-widget spesial ramadhan, salah satunya yang sudah saya kutip seperti pesan pembuka pop up ramdhan, pesan pembuka tampilan penuh, dan pesan pembuka tampilan penuh dengan gaya modern, dan mungkin koleksi akan bertambah.

widget hitungan mundur hari raya

Widget yang satu ini mirip seperti yang dibuat oleh Kang Ismet saat menjelang tahun baru 2014, ya mungkin ada orang yang mengedit widget ini menjadi hitungan mundur atau countdown menuju Idul Fitri 1435H, oke berikut cara pembuatannya :

1. Masuk ke blogger lalu ke Tata Letak > Tambah Gadget

Tata Letak

2. Lalu pilih HTML/Javascript

Tambah Gadget

3. Masukkan kode widget dibawah ini kedalamnya
<style scoped="" type="text/css">
#lebaran {
    background:rgba(19, 19, 19, 0.65);
    color:#FFC200;
    font-size:130%;
    text-transform:uppercase;
    text-align:center;
    padding:20px 0;
    font-weight:normal;
    border-radius:5px;
    line-height:1.8em;
    font-family:Trebuchet MS, Verdana, Arial, sans-serif;
}
.digit {color:white}
.judul {color:white}
</style>
<div id="lebaran">
<span id="countdown"></span>
</div>
<script src="https://fc5bf95214062fdf07287f9b131ac21a1ac7a64b.googledrive.com/host/0BwXwMzxz3a1fajlENzBUeDBueWM/idul-fitri.js" type="text/javascript"></script>
</div>
4. Langkah terakhir klik Simpan

Nah cukup mudah bukan, Semoga Bermanfaat.

Membuat Widget Countdown Atau Hitungan Mundur Menuju Idul Fitri

3 komentar

Kalau untuk lebaran tahun 2015 yang dirubah apanya? terimakasih

No comment moderation in this page,
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly.