Skip to main content

MCQ Quiz Maker include Images Template v5

MCQ Quiz Maker with/without Images v5

This is the next version of the HTML Quiz Generator V4. Features added in this version are
  1. Add images to quiz questions/options.
  2. Add animation to quiz options.
  3. Add space between quiz options.
  4. New theme.
  5. Removed footer credit.
The code generated by MCQ Quiz Maker is supported in all latest browsers including IE 9 and above.

HTML Quiz Generator Versions
Type A: version 1, version 2, version 3, version 4 (Pro Only), version 5 (Pro Only)
Type B: version 1, version 2 (Pro Only)
Type C: version 1 (Pro Only), version 2 (Pro Only)
Type D (Mock Test Template): version 1 (Pro Only), version 2 (Pro Only)
Type E: version 1 (Pro Only)

Click Here to see version wise features and price.

Javascript MCQ Quiz Maker with/without Images version 5 Pro

Quiz Container Max Width:
Quiz Container Align:
Select Question Type:
X
{{$index+1}}.
and/or
Add Option
Expain Answer(Optional): It will be displayed when the answers are revealed.
Add Question
Question Container
Background:
Padding:
px
Border Color:
Border Width:
px
Gap between Questions:
px
Question Title
Background:
Text Color:
Explanation
Background:
Text Color:
Buttons
Background:
Text Color:
Hover Background:
Hover Text Color:
Disable Background:
Disable Text Color:
Score and Timer
Background:
Text Color:
Options
Options Layout Type:
Type A has different views depends on screen width. To see different views of the options, resize the browser window and see the difference in options layout in the below Live Quiz View.
Type B has a simple options view on all screens.
Enabled Option
Background
Text Color
Border Color
Outer Circle Color
Inner Circle Color
Hover Option
Background
Text Color
Border Color
Outer Circle Color
Inner Circle Color
Selected Option
Background
Text Color
Border Color
Outer Circle Color
Inner Circle Color
Correct Option
Background
Text Color
Border Color
Right Mark Color
Incorrect Option
Background
Text Color
Border Color
Wrong Mark Color
This browser does not support "Save Theme Settings for Next Visit" Feature



Live Quiz View:

{{$index+1}}.
{{q.question}}
Explanation: {{q.explanation}}
Your Score: {{score}}/{{data.length}} {{timerValScope}}


Copy the generated code and use it in your web application or blogger post.

Steps to add quiz in your blogger post:
  1. Copy the generated code.
  2. Goto blogger dashboard.
  3. Goto post html editor.
  4. If you have already content in html editor, paste the copied code at the end of the content.

Please give your suggestions in the below comment box to improve HTML Quiz Generator.

Comments

  1. It's really fantastic.. Worth to buy this. Getting lot of views because attractive animation.

    ReplyDelete
  2. Yes. I also purchased key. Worth .

    ReplyDelete
  3. I also purchased ... Awesome application

    ReplyDelete
  4. respected sir,
    i want a quiz code for blogger, in this code i want to collect the data like candicate name, email id, test result, test time and date of quiz in googel drive else i have to i buy virson 5 pro plz tell me price and how can i do it ....?

    ReplyDelete
  5. Please contact me through contact form

    ReplyDelete

Post a Comment