Yes, this is the page where you can learn how to create your very own quizzes!
  • First open up notepad and create an HTML document (if you want to learn how to do that, you can visit my tutorial in that area).
  • Then click right here to get the code. Copy it and save the document.
  • You can now change the colors and the questions you would like to ask, as well as the answers.
  • Now you pick what the four answers are going to be. For this example, I am going to use brown sugar, cherry, strawberry, and wild berry. With these names, you know need to shorten them to about three letters. Brown sugar becomes bro, cherry becomes che, strawberry becomes str, and wild berry becomes wb. Do the same thing that I just did, but with YOUR 4 answers.
  • Now in the following part: We are going to be editing the javascript.
  • Take this part see how I put the shortened names of my 4 answers in there? Do that with yours.
  • Now for the next section: You want to keep your 4 answers the same.
  • Now in the second part: You move each one down. for example, "bro" was on the first line now it should be on the second line. "che" goes to the top.
  • Now for the third part: Now you once again move them down once. Continue this for parts 4 and 5.
  • Next, look at this section: Make sure you replace your answer with mine EXACTLY. If it gets messed up, the Javascript will not work one bit.
  • Now that you have the code, you need to make the little graphics. Open Jasc PSP or some other graphic program. Create a new image as big as you would like. I use the dimensions 310 x 149.
  • Then you want to go to google.com or some other place where you can search for graphics. Search there for the grapics that are the same as your answers. For instance, search for a strawberry or whatever.
  • Once you find a good one, place it on your image in PSP or whatever graphic program you opened. Type in whatever text you would like to have on there "you are a strawberry" or whatever, then save. Make sure you save it as str.jpg or as whichever image it is of for YOUR answers. You MUST save it the same way as you put it in the code.
  • Repeat the image creating process for all four of your images.
  • Then you need to open Notepad again and create four HTML documents, one for each of your answers. Make sure you save them the same as the shortened names you put in your main HTML code and the image names.
  • Now, find a place where you can upload the main page, plus the four images, plus the four HTML documents ALL IN THE SAME PLACE. They need to be in teh same directory.
  • Next you need to click here for the code to place on each of the four HTML documents that you just created. You can change colors and such, as well as the title of the page ("You are a Brown Sugar Poptart").
  • Then in the coding on all four of the documents, find where it says this: "http://www.jade6quiz.esmartweb.com/bro.jpg" You will need to replace that with the URL of your images.
  • A couple lines down, replace my site's URL with the site you want people who copy the code to come back to for this quiz. Also replace the "http://www.jade6quiz.esmartweb.com/bro.jpg" that is there, too. Save all of those.
  • Now you can visit the main page, where you put the first code, and take your own quiz! It should work completely!


    Let's go HOME!