Script -1 : Blogger Quiz Code script for Free | Show/Hide Feature | June 2021 | 100% Working

Want to create a quiz on your blogger website? Looking for a script that will be suitable for your blogger website? If you are looking for a Quiz blogger template, then you have come to the right place!

We will give you complete HTML code for making MCQ Question/Answers, Different kinds of Quizzes with the 'Hide Answer' Facility. There is no hidden script, no clickbait, nothing. It is suitable for all sorts of free or premium themes. 

No need to modify a bit except for the quiz question and answers!

Advantages of this script : 

1. No coding skill required
2. Compatible with all free(or premium) blogger themes available
3. Script has no hidden tags or JAVA/JSON scrips 
4. Need to copy and paste the code

Without wasting much time, let us jump into business.

Step 1: Log in to your blogger.com domain and create a 'new post'

Step 2: Go to HTML view

Step 3: Copy the code given in the last of this post and paste the same in your blog post.

Step 4: Type your questions and answers in the respective places

Now, take note that you can see the quiz in this format when you paste this code into your blog.

1. Type Question

A) Type 1st option
B) Type 2nd option
C) Type 3rd option
D) Type 4th option

ANSWER= (A) Type answer
Explanation/Answer:-
 

Step 5: In the HTML, locate these phrases and replace them with your question and answers.

<p>1. Type Question</p> <ul class="answers"> <input id="q1a" name="q1" type="radio" value="a" /> <label> A) Type 1st option </label> <br /> <input id="q1b" name="q1" type="radio" value="b" /> <label> B) Type 2nd option </label> <br /> <input id="q1c" name="q1" type="radio" value="c" /> <label> C) Type 3rd option </label> <br /> <input id="q1d" name="q1" type="radio" value="d" /> <label> D) Type 4th option </label> <br /> </ul> <style> #q1more {display: none;} </style> <span id="q1dots"></span> <span id="q1more"> ANSWER= (A) This is the Answer <br/> Explanation/Answer:- Explanation to answer </span> <br /> <button id="q1mybtn" onclick="q1function()">Show Answer </button> <script> function q1function() { var q1dots = document.getElementById("q1dots"); var q1moreText = document.getElementById("q1more"); var q1btnText = document.getElementById("q1mybtn"); if (q1dots.style.display === "none") { q1dots.style.display = "inline"; q1btnText.innerHTML = "Check Answer"; q1moreText.style.display = "none"; } else { q1dots.style.display = "none"; q1btnText.innerHTML = "Hide Answer"; q1moreText.style.display = "inline"; } } </script>