How to add a multiple choice question (MCQ) in Blogger?

4.8/5 - (6 votes)

MCQ & Quiz-type blogs are going to be popular day by day. Due to the digital revolution, many students show interest in online learning. So, this is a good opportunity to create a multiple choice question (MCQ) type or Quiz type blog. Because it not only helps students but also provide value and money-making opportunity for new bloggers.

How to add a multiple choice question (MCQ) in Blogger?
How to add a multiple choice question (MCQ) in Blogger?


Blogger is the best platform to create it for free or you can buy a custom top-level domain and connect it to your blogger account. Remember you need to provide value and give the correct information to your visitors.

Now let’s talk about how to create multiple choice questions & answer-type blogs on bloggers. Checkout: How To Add MP3 Audio Player In Blogger

How to add a multiple choice question (MCQ) in Blogger?

To create multiple questions and answer types or Quiz type blogs on blogger follow the given below steps

Step 1: Go to blogger and create a blogger account using your mail id.

Step 2: Now open any blog post and copy the given HTML & Javascript code or you can download the code from the given below download link.

<link href=”” rel=”stylesheet” type=”text/css”></link>
<script src=””></script>
<script type=”text/javascript”> $(document).ready(function() { $(‘label’).click(function() { $(‘label’).removeClass(‘worngans’); $(this).addClass(‘worngans’); }); });

<div class=”scp-quizzes-main”>

<div class=”scp-quizzes-data”>
<h3>1. </h3> <br />
<input id=”1″ name=”question1″ type=”radio” /><label for=”1″>1. </label><br />
<input name=”question1″ type=”radio” /><label>2. </label><br />
<input name=”question1″ type=”radio” /><label>3. </label><br />
<input name=”question1″ type=”radio” /><label>4</label>

<div class=”scp-quizzes-data”>

<h3>2. ?</h3> <br />
<input name=”question2″ type=”radio” /><label>1. </label><br />
<input name=”question2″ type=”radio” /><label>2. </label><br />
<input id=”2″ name=”question2″ type=”radio” /><label for=”2″>3. </label><br />
<input name=”question2″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>3. ????????</h3> <br />
<input name=”question3″ type=”radio” /><label>1. </label><br />
<input id=”3″ name=”question3″ type=”radio” /><label for=”3″>2. </label><br />
<input name=”question3″ type=”radio” /><label>3. </label><br />
<input name=”question3″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>4.?</h3> <br />
<input id=”4″ name=”question4″ type=”radio” /><label for=”4″>1. </label><br />
<input name=”question4″ type=”radio” /><label >2. </label><br />
<input name=”question4″ type=”radio” /><label>3. </label><br />
<input name=”question4″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>5.?</h3><br />
<input id=”5″ name=”question5″ type=”radio” /><label for=”5″>1. </label> <br />
<input name=”question5″ type=”radio” /><label>2. </label> <br />
<input name=”question5″ type=”radio” /><label>3. </label> <br />
<input name=”question5″ type=”radio” /><label>4. </label>
<div class=”scp-quizzes-data”>
<h3>6. </h3><br />
<input name=”question6″ type=”radio” /><label>1</label><br />
<input name=”question6″ type=”radio” /><label>2. </label> <br />
<input id=”6″ name=”question6″ type=”radio” /><label for=”6″>3. <br /></label>
<input name=”question6″ type=”radio” /><label>4. </label>
<div class=”scp-quizzes-data”>
<h3>7. </h3><br />
<input name=”question7″ type=”radio” /><label>1. </label> <br />
<input name=”question7″ type=”radio” /><label>2. </label><br />
<input id=”7″ name=”question7″ type=”radio” /><label for =”7″>3. </label> <br />
<input name=”question7″ type=”radio” /><label>4. </label>
<div class=”scp-quizzes-data”>
<h3>8. </h3><br />
<input id=”8″ name=”question8″ type=”radio” /><label for=”8″>1. ></label> <br />
<input name=”question8″ type=”radio” /><label>2. </label><br />
<input name=”question8″ type=”radio” /><label>3. </label> <br />
<input name=”question8″ type=”radio” /><label>4. </label>
<div class=”scp-quizzes-data”>
<h3>9. </h3> <br />
<input name=”question9″ type=”radio” /><label>1. </label><br />
<input name=”question9″ type=”radio” /><label>2. </label><br />
<input id=”9″ name=”question9″ type=”radio” /><label for=”9″>3. </label><br />
<input name=”question9″ type=”radio” /><label>4. </label>
<div class=”scp-quizzes-data”>
<h3>10. </h3> <br />
<input name=”question10″ type=”radio” /><label>1. </label><br />
<input name=”question10″ type=”radio” /><label>2. </label><br />
<input id=”10″ name=”question10″ type=”radio” /><label for=”10″>3. </label><br />
<input name=”question10″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>11. </h3> <br />
<input id=”11″ name=”question11″ type=”radio” /><label for=”11″>1. </label><br />
<input name=”question11″ type=”radio” /><label>2. </label><br />
<input name=”question11″ type=”radio” /><label>3. </label><br />
<input name=”question11″ type=”radio” /><label>4. </label>
<div class=”scp-quizzes-data”>
<h3>12. </h3>
<input name=”question12″ type=”radio” /><label>1. </label><br />
<input name=”question12″ type=”radio” /><label>2. </label><br />
<input id=”12″ name=”question12″ type=”radio” /><label for=”12″>3. </label><br />
<input name=”question12″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>13. </h3> <br />
<input id=”13″ name=”question13″ type=”radio” /><label for=”13″>1. </label><br />
<input name=”question13″ type=”radio” /><label>2. </label><br />
<input name=”question13″ type=”radio” /><label>3. </label><br />
<input name=”question13″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>14. ?</h3> <br />
<input id=”14″ name=”question14″ type=”radio” /><label for=”14″>1 </label><br />
<input name=”question14″ type=”radio” /><label>2.</label><br />
<input name=”question14″ type=”radio” /><label>3. </label><br />
<input name=”question14″ type=”radio” /><label>4. </label>
<div class=”scp-quizzes-data”>
<h3>15. ?</h3> <br />
<input name=”question15″ type=”radio” /><label>1. </label><br />
<input id=”15″ name=”question15″ type=”radio” /><label for=”15″>2 </label><br />
<input name=”question15″ type=”radio” /><label>3. </label><br />
<input name=”question15″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>16. </h3> <br />
<input name=”question16″ type=”radio” /><label>1. </label><br />
<input id=”16″ name=”question16″ type=”radio” /><label for=”16″>2. </label><br />
<input name=”question16″ type=”radio” /><label>3. </label><br />
<input name=”question16″ type=”radio” /><label>4. </label>
<div class=”scp-quizzes-data”>
<h3>17. ?</h3> <br />
<input id=”17″ name=”question17″ type=”radio” /><label for=”17″>1. </label><br />
<input name=”question17″ type=”radio” /><label>2. </label><br />
<input name=”question17″ type=”radio” /><label>3. </label><br />
<input name=”question17″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>18.?</h3> <br />
<input name=”question18″ type=”radio” /><label>1. </label><br />
<input name=”question18″ type=”radio” /><label>2 </label><br />
<input name=”question18″ type=”radio” /><label>3. </label><br />
<input id=”18″ name=”question18″ type=”radio” /><label for=”18″>4. </label>

<div class=”scp-quizzes-data”>
<h3>19. ?</h3> <br />
<input name=”question19″ type=”radio” /><label>1. </label><br />
<input name=”question19″ type=”radio” /><label>2. </label><br />
<input id=”19″ name=”question19″ type=”radio” /><label for=”19″>3. </label><br />
<input name=”question19″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>20. </h3> <br />
<input id=”20″ name=”question20″ type=”radio” /><label for=”20″>1. </label><br />
<input name=”question20″ type=”radio” /><label>2. </label><br />
<input name=”question20″ type=”radio” /><label>3. </label><br />
<input name=”question20″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>21. </h3> <br />
<input name=”question21″ type=”radio” /><label>1. </label><br />
<input name=”question21″ type=”radio” /><label>2. </label><br />
<input id=”21″ name=”question21″ type=”radio” /><label for=”21″>3. </label><br />
<input name=”question21″ type=”radio” /><label>4 </label>

<div class=”scp-quizzes-data”>
<h3>22.</h3> <br />
<input name=”question22″ type=”radio” /><label>1. \ </label>
<input id=”22″ name=”question22″ type=”radio” /><label for=”22″>2. </label><br />
<input name=”question22″ type=”radio” /><label>3. </label>
<input name=”question22″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>23. </h3> <br />
<input name=”question23″ type=”radio” /><label>1.</label> <br />
<input name=”question23″ type=”radio” /><label>2. </label><br />
<input id=”23″ name=”question23″ type=”radio” /><label for=”23″>3. </label><br />
<input name=”question23″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>24. </h3> <br />
<input id=”24″ name=”question24″ type=”radio” /><label for=”24″>1. </label><br />
<input name=”question4″ type=”radio” /><label>2. </label><br />
<input name=”question4″ type=”radio” /><label>3. </label><br />
<input name=”question4″ type=”radio” /><label>4. </label>

<div class=”scp-quizzes-data”>
<h3>25. </h3>
<input name=”question25″ type=”radio” /><label>1. </label> <br />
<input name=”question25″ type=”radio” /><label>2. </label> <br />
<input id=”25″ name=”question25″ type=”radio” /><label for=”25″>3.</label><br />
<input name=”question25″ type=”radio” /><label>4. </label>


Step 3: Now you just need to copy the code.

Step 4: Open the blogger post and go to the HTML section then paste the code.

Step 5: Now Edit the post as per your requirements. For example, I add a total of 25 MCQs but you can easily add or remove some questions as per your need.

Step 6: For the right answer, you just need to put in the proper id. For example, if question number 24 answer 3 is correct then you need to put id=”24″ on the 3rd answer. and also remember to add <label for=”1″>.

For more details on understanding watch the given below Hindi video.

Wrapping Up

In the above way, you can easily add a multiple-choice question (MCQ) in Blogger.

Finally, we hope this article can help you to understand “How to add a multiple choice question (MCQ) in Blogger?”. If you really think this article helps you then don’t forget to appreciate our efforts in the comments below. For more blogging tutorials, stay connected with us.

For the latest tech news & blogging Tutorials, follow TECH FOR U on TwitterFacebook, and subscribe to our YouTube channel.

Related Post:

5 thoughts on “How to add a multiple choice question (MCQ) in Blogger?”

  1. i have tried a lot in blogger but still failed please help me. when i did the same but shows like simple but not working. what should i do?


Leave a Comment