Pasang Hitungan Mundur 1 Ramadhan 1436 H di Blog

10:18 am
COUNTDOWN 1 RAMADHAN 1436 H

KampoengiLmu2 - Pasang Hitungan Mundur 1 Ramadhan 1436 H di Blog , Tidak Terasa Kita Sudah Akan Mendekati Bulan Suci Ramadhan 1436 Hijriah Yang Kurang Lebih 2 Minggu Lagi. Saya Ikut Ketetapan 1 Ramadhan Dari Muhammadiyah Yaitu Jatuh Pada Tanggal 18 Juni 2015. Nah Oleh Karena Itu Kita Harus Mempersiapkanya Dari Sekarang Untuk Menyambut Bulan Ramadhan 1436 Hijriah Besok.

Salah Satunya Membuat Countdown/Hitungan Mundur Bagi Blogger Biar Semua dijadwal Dengan Mudah Karena Biasanya Blogger Itu Sibuk Ngurusin Template ,Posting dan Visitor. Oleh Karena itu Lupa Waktu Maka dari Itu Blogger Bisa Memanfaatkan Countdown 1 Ramadhan 1436 Hijirah Ini dengan Memasangnya di Blognya. Yang Biasanya dipakai dan Banyak Visitor. Nah Oke Silahkan Simak .

Countdown 1 Ramadhan 1436 H :


Langkah Pertama Silahkan Kamu Buka DASBOR BLOG > TATA LETAK.

Langkah Kedua Kamu Klik ADD WIDGET > HTML/JAVASCRIPT .

Langkah Ketiga Silahkan Copy Kode Html dan Javascript dibawah Ini :

 <style type='text/css'>
/* Widget Hitungan Mundur 1 Ramadhan 1436 By KampoengiLmu2*/
#Mundur {background: #0080ff;
color:  #FFD27F;
border-radius:15px;
box-shadow:5px 3px 5px 3px;
border:1px solid  #ffff00;
font-family: "Roboto Slab",Arial,sans-serif;
font-size: 20px;
text-transform: uppercase;
text-align: center;
padding: 16px 10px;
font-weight: 500;cursor: default}
.teks {color:white}
#Mundur a{color:#65C6BB}
</style>
<div id='Mundur'>
<span id='countdown'></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("June 18, 2015").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 1 Ramadhan 1436 H !</span>";
}, 1000);
//]]>
</script>

Langkah Keempat Silahkan Kamu Klik Save / Simpan.

Lalu Silahkan Buka Homepage Blog Kamu Akan Muncul Countdown 1 Ramadhan 1436. Semoga Bermanfaat dan Jika Ada yang ditanyakan bisa Lewat Komentar bawah. Baca Juga : 5 Keutamaan Berpuasa Pada Bulan Ramadhan.
Bulan Ramadhan, bulan yang didalamnya diturunkan Al-Qur’an sebagai petunjuk bagi manusia dan penjelasan-penjelas an mengenai petunjuk itu dan pembeda (antara yang haq dengan yang bathil ), karena itu barangsiapa diantara kamu menyaksikan Masuknya Bulan Ramadhan, maka hendaklah ia puasa(QS. Al-Baqarah : 185)

Share this :

Aditya Iqbal Adalah Blogger Asal Indonesia Yang Bekerja Di Bidang IT dan Design.

5 Komentar
avatar

makasih om, saya modif dikit untuk jadwal balap motogp di blog saya, keren hasilnya,

Balas
avatar

makasi juga mas ,sudah mampir :)

Balas
avatar

Keren Kok Countdown nya bro ^_^
Ijin Gunain :D

Balas
avatar

Keren bro,bisa lebih semangat menyambut bulan suci =D

Balas
avatar

Marhaban yaa ya ramadhan, mari sambut keistimewaan bulan ramadhan ini dengan amalan ibadah dan berlom-lomba dalam kebaikan

Balas

+ PERATURAN +

♣ Berkomentar Relavan
♣ Berkomentar Sopan
♣ Tidak Boleh Berkomentar Kotor
♣ Saling Menghargai Sesama Komentator

- CEO

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔