QUIZ TIMER MAKER FOR BLOGGER

Favorit

Quiz Time Maker for Blogger adalah aplikasi berbasis web untuk menghasilkan kode timer quiz yang diintegrasikan dengan Google Form. Kode yang dihasilkan khusus untuk di sematkan ada posting blogger.

Panduan Penggunaan Singkat

Isi semua form. Termasuk link quiz Google Formnya;
Setelah tersisi semua, klik tombol Generate Quiz Code;
Setelah kode ditampilkan, klik tombol Copy Code;
Terakhri. Buat post baru di blogger dan paste semua kode yang dihasilkan Quiz Timer Maker.

Panduan selengkapnya, klik disini.

Timer Quiz Code Generator

Judul Tes

Link Google Form

Waktu Tes (menit)

Batas Waktu Klik Submit Sebelum Soal Hilang (menit)

Pesan Setelah Waktu Habis

Tampilan Border

Warna Background

Warna Teks

KETERANGAN
Generate Quiz Code : untuk menampilkan kode.
Reset Code : untuk me-reset isi data kode.
Copy Code : meng-copy code yang sudah dihasilkan.


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<body> 

  <div id="timer" align="center"><a class="fa fa-book"></a> okeganti || Waktu Tersisa  <a class="fa fa-clock-o"></a> <span id="time"></span></div>

<span id="form">
<iframe src="okeganti">Tunggu yaa</iframe><br />
</span>
</body>

<script>

function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    var batas = timer + 60*okeganti ;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        display.textContent = minutes + ":" + seconds + " Menit";

        if (--timer < 0) {

           document.getElementById("timer").innerHTML = "okeganti";
        }
    if (--batas < 0) {

           document.getElementById("form").style.visibility = "hidden";
           document.getElementById("timer").style.visibility = "hidden";
        }

    }, 1000);
}

window.onload = function () {
    var fiveMinutes = 60 * okeganti,
        display = document.querySelector('#time');
    startTimer(fiveMinutes, display);

};

</script>

<style type="text/css">
  
body {
    overflow: visible;
}

iframe {

height: 600px;
width: 100%;
border: 0px;
padding-top: 8px;
margin: 0px
}

#timer {
background-color: okeganti;
color: okeganti;
font-family: arial;
font-weight: bold;
padding: 10px 30px;
border-radius: okegantipx;
}

</style>

INOVASI

QUIZ TIMER MAKER FOR BLOGGER

Diskusi