Cara Memasang Widget Hitung Mundur Bulan Ramadhan 1438 H/2017 Di Blog

Assalamualaikum wr. wb. Tak terasa sebentar lagi bulan suci ramadhan akan tiba, hanya tinggal menghitung hari saja. Oleh karena itu kali ini saya akan membagikan sebuah tutorial blog untuk menyambut bulan suci ramadhan, yaitu widget hitung mundur bulan ramadhan 1438 H / 2017. Widget ini akan menghitung mundur hari, jam, menit, detik sampai tanggal 27 Mei 2017.

Tanggal 27 Mei 2017 yaitu jatuhnya awal 1 ramadhan menurut hitungan hisab, untuk hilal biasanya akan dilihat sehari sebelum ramadhan (tanggal 26). Tetapi sudah diprediksikan bahwa kemungkinan besar awal 1 ramadhan baik itu hisab maupun hilal akan jatuh pada hari yang sama yaitu tanggal 27 Mei 207.

Untuk yang ingin memasangnya silahkan simak cara berikut.

Cara memasang widget hitung mundur bulan ramadhan 1438 H/2017


Buka dashboard blogger > Klik tata letak> HTML/javascript

Isi judul dan Salin semua kode berikut dan tempel didalam kotak konten kemudian save.

<style type="text/css" scoped="scoped">
#bulanramadhan2016 {background:#2C3E50;color:#5CAAFF;font-family:'Roboto', Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  .teks {color:white}
</style>
<div id="bulanramadhan2016">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("May 27, 2017").getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
// update the tag with id "countdown" every 1 second
setInterval(function () {
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    // do some time calculations
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;

    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;

    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);

    // format countdown string + set tag value
  countdown.innerHTML = days + " <span class=\'teks\'>hari</span> " + hours + " <span class=\'teks\'>jam</span> "
  + minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik menuju bulan suci ramadhan </span> 1438 H/2017";
}, 1000);
//]]>
</script>


Ganti kode yang saya block warna kuning dengan kode warna yang sobat inginkan.

Untuk demo bisa dilihat di sidebar blog ini.( selama masih terpasang)

Baca juga:
Kode diambil dari: http://andriesharing.blogspot.co.id/2016/05/widget-hitung-mundur-bulan-ramadhan-2016.html

2 komentar

avatar

cara ngubah kode java script nya gimana gan, untuk hitung mundur bulan Ramadhan 2017

avatar

Sudah saya perbarui gan kodenya untuk yang 2017.


EmoticonEmoticon