HOT POST

6/recent/ticker-posts

FREE HTML QUIZ MAKER OR GENERATOR FOR BLOGGER OR WEBSITE

 

  • HTML Quiz Generator makes free Multiple Choice Quiz HTML code with time and Score for your blog / website. You can easily make a MCQ for your Blog or Web application without having any coding knowledge required. 
  • HTML Quiz Generator is completely free for all Teachers, Professors, Students, Competitive Exam Guidance Friends, Bloggers. 
  • To Know More About TNPSC Exam Notes - TNPSCSHOUTERS
  • To Download All Old & New Samacheer Book - tntextbook
  • To Download All TNPSC Current Affairs - TNPSC THERVUPETTAGAM
FEATURES
  • No Watermarks in My website Page Link
  • Our Quiz Generator for Completely Free
  • You can Easily add Multiple Choice Questions and Answers
  • No limitation for Our HTML QUIZ Generator. So you can add Unlimited Multiple Choice Questions and Answers
  • Each questions you can add Explanation also possible
  • Timer Section also Available
  • Preview option also Available
  • Two Types of widget Available in theme settings Type A and Type B
  • Type A - Horizontal Column Quiz Frame Work and Start Section / 
  • Type B - Vertical Column Quiz Frame Work and Start Section / 
Steps to Create Quiz in HTML QUIZ Generator
  • Step 1 - Click Quiz Questions in HTML QUIZ Generator
  • Step 2 - Select Question Type as Single or Muliple Answer Type
  • Step 3 - In Edit Question Here box --> Type Your Question that you want to create
  • Step 4 - In Option Section --> Type your question option that you want to create for that question
  • Step 5 - If you want More than 4 Options then select Add Options Button
  • Step 6 - If you want give explanation for the questio then Type your explanation in that Explanation Box
  • Step 7 - If you want add another question please select Add Question Button
  • Step 8 - Repeat above Step 1 to Step 6
Steps to Add quiz in your blogger post
  • Copy the generated code using copy to clipboard button
  • Go to blogger dashboard or website control panel
  • Create a new post or page and then go to post above code in html view option

Quiz Maker

Quiz Container Max Width:
Quiz Container Align:
Select Question Type:
X
{{$index+1}}.
Add Option

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:
Score and Timer
Background:
Text Color:
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

Live Quiz View:



Post a Comment

1 Comments

  1. Ease & Best Tool for a blogger to create a html quiz and it can be easily add to your blogger page or post. Thank you BLOG OFFICIAL for providing Tool

    ReplyDelete