QUIZ TIMER MAKER FOR BLOGGER
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
<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> <a class="fa fa-clock-o"></a> <span id="time"></span></div>
<span id="form">
<iframe src="">Tunggu yaa</iframe><br />
</span>
</body>
<script>
function startTimer(duration, display) {
var timer = duration, minutes, seconds;
var batas = timer + 60* ;
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 = "";
}
if (--batas < 0) {
document.getElementById("form").style.visibility = "hidden";
document.getElementById("timer").style.visibility = "hidden";
}
}, 1000);
}
window.onload = function () {
var fiveMinutes = 60 * ,
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: ;
color: ;
font-family: arial;
font-weight: bold;
padding: 10px 30px;
border-radius: px;
}
</style>
Diskusi