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 Questions Quiz Settings Theme Settings Advanced Theme Settings

Show Timer Show All Questions

Display Show Answer Button On Each Question Enable Option Selection

Show Reset Button

Quiz Container Max Width: pixel percent
Quiz Container Align: Left Center

Select Question Type: Single Select Multi Select

X

{{$index+1}}.

and/or

and/or

X

and/or

X

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

Add Gap between Options

Add Animation to Options ( Animation Plays in supported browsers only)

Options Layout Type: Type A Type B

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

© CODE GENERATOR | HTML CODE GENERATOR

Live Quiz View:

{{$index+1}}.

{{q.question}}

{{option.value}}

✔

✖

✔

{{option.value}}

✔

✖

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.