Powered by Blogger.

Membuat Widget Countdown Atau Hitungan Mundur Menuju Idul Fitri

Posted by 123ajah

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.

Related Post



Post a Comment