Make Your Own Quiz

Your marks will appear here,after completion of quiz



1.Question ?

A.Dummy

B.Dummy

C.Answer

D.Dummy
ClickAnswer

c

2. Question ?

A.Dummy

B.Answer

C.Dummy

D.Dummy
Click Answer

B

3. Question ?

A.Dummy

B.Dummy

C.Dummy

D.Answer
Click Answer

D

4. Question ?

A.Dummy

B.Dummy

C.Answer

D.Dummy
Click Answer

C

5. Question ?

A.Answer

B.Dummy

C.Dummy

D.Dummy
Click Answer

A

6. Question ?

A.Dummy

B.Answer

C.Dummy

D.Dummy
Click Answer

B

7. Question ?

A.Dummy

B.Dummy

C.Answer

D.Dummy
Click Answer

C

8. Question ?

A.Dummy

B.Dummy

C.Answer

D.Dummy
Click Answer

C

9. Question ?

A.Dummy

B.Dummy

C.Dummy

D.Answer
Click Answer

D

10. Question ?

A.Dummy

B.Dummy

C.Dummy

D.Answer
Click Answer

D

PART-1
Step1:-
Go to </head>
Steps to reach </head>
step(a)-log into your blog account clcik on "Layout"
step(b)-Edit Html
step(c)-Clcik "Ctrl+F" and search for </head>
Step2:-
Copy and paste the following code before </head>
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
This code makes your answers "show/hide"

<form name="calculator"> <span style="font-weight: bold; color: rgb(204, 0, 0);"> Your marks will appear here,after completion of quiz
</span>
<table align="center"><input size="50" length="50" value="" name="ans" style="background: beige none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding;" type="text">
<input value=" Click here to clear history" onclick="document.calculator.ans.value=''" type="button"><tb><input value="DEMO4BLOGGER" onclick="document.calculator.ans.value='www.Demo4Blogger.blogspot.com'" type="button"><tb></tb>

<b>1.Question ?
</b>
<input name="a" value="1" type="radio">A.<span style="color: rgb(0, 102, 0);">Dummy</span>

<input name="a" value="4" type="radio">B.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb><tb>

<input name="a" value="2" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+=' +' " type="radio">C.<span style="color: rgb(0, 102, 0);">Answer</span>

<input name="a" value="3" type="radio">D.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('1a')">ClickAnswer</a>
<div style="font-weight: bold; color: rgb(153, 0, 0);" class="commenthidden" id="1a">c</div>
<b>2. Question ?
</b>
<input name="b" value="2" type="radio">A.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="4" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+=' +' " type="radio">B.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb>
<input name="b" value="1" type="radio">C.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="3" type="radio">D.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('2a')">Click Answer</a>
<div class="commenthidden" id="2a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>3. Question ?
</b>
<input name="b" value="2" type="radio"> A.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="4" type="radio">B.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="1" type="radio">C.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="3" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+='+' " type="radio">D.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('3a')">Click Answer</a>
<div class="commenthidden" id="3a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
<b>4. Question ?
</b>
<input name="b" value="2" type="radio"> A.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="4" type="radio">B.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="1" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+='+' " type="radio">C.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb>
<input name="b" value="3" type="radio">D.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('4a')">Click Answer</a>
<div class="commenthidden" id="4a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>5. Question ?
</b>
<input name="b" value="2" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+='+' " type="radio"> A.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb>
<input name="b" value="4" type="radio">B.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="1" type="radio">C.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="3" type="radio">D.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('5a')">Click Answer</a>
<div class="commenthidden" id="5a"><span style="color: rgb(102, 0, 0); font-weight: bold;">A</span></div>
<b>6. Question ?
</b>
<input name="b" value="2" type="radio"> A.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="4" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+='+' " type="radio">B.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb>
<input name="b" value="1" type="radio">C.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="3" type="radio">D.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('6a')">Click Answer</a>
<div class="commenthidden" id="6a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>7. Question ?
</b>
<input name="b" value="2" type="radio"> A.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="4" type="radio">B.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="1" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+='+' " type="radio">C.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb>
<input name="b" value="3" type="radio">D.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('7a')">Click Answer</a>
<div class="commenthidden" id="7a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>8. Question ?
</b>
<input name="b" value="2" type="radio"> A.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>

<tb><input name="b" value="4" type="radio">B.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="1" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+='+' " type="radio">C.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb>
<input name="b" value="3" type="radio">D.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('8a')">Click Answer</a>
<div class="commenthidden" id="8a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>9. Question ?
</b>
<input name="b" value="2" type="radio"> A.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="4" type="radio">B.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="1" type="radio">C.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="3" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+=' +' " type="radio">D.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('9a')">Click Answer</a>
<div class="commenthidden" id="9a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
<b>10. Question ?
</b>
<input name="b" value="2" type="radio"> A.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="4" type="radio">B.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="1" type="radio">C.</tb><tb><span><span style="color: rgb(0, 102, 0);">Dummy</span></span></tb>
<tb>
<input name="b" value="3" onclick="document.calculator.ans.value+='1';document.calculator.ans.value+='+' " type="radio">D.</tb><tb><span style="color: rgb(0, 102, 0);">Answer</span></tb>
<tb><a aiotitle="click to expand" href="javascript:togglecomments('10a')">Click Answer</a>
<div class="commenthidden" id="10a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
<input value=" submit here " name="add" onclick="document.calculator.ans.value+='0';" type="button">
<input value=" your marks " name="equal" onclick="document.calculator.ans.value=eval(document.calculator.ans.value);JavaScript:alert('You will passed if you get more than 50% marks!')" type="button">
</tb></table></form>

PART-2
Step1:-Copy the code Above
Step2:-Go to http://www.freerichtexteditor.com/index.php?inc=demo/index
Step3:-Paste the code there...you will see Questions and answers highlighted in Blue color, and answers in Red
Step4:-Just edit the questions and answers with your choice...(put the answer at answer column only)
Step5:-When you finish just copy and paste the quiz in your post and publish. That's all your quiz is ready for your visitors.
Note:-While you edit, even the Q&A appear in Blue and in Red after posting all appear in green only.