If you have a quiz website, if it is a blogger or WordPress, then this article is very useful for you. An optional answer to any question is given in the article of such a quiz website.
A test taker will first guess the correct answer from all those answers. The test-takers will then be able to match the correct answer by clicking on the answer button. Normally the answer will be hidden in the button.
The design of your button will look like this:
Why do you use this quiz answer button for bloggers and WordPress?
You know what To create such an answer button, you have to edit the theme. That means adding the script, and CSS code to the theme code, which has a little bit of risk.
Moreover, if your code is in the theme in this way, if you change the theme later, this button will not work. You will need to re-edit the new theme and add the codes.
But the code I will give is readymade code, for articles. In other words, you have to paste the button as custom HTML in the position where you want to put the button in the article.
Then where the code has "Correct Answer", delete this word and type your correct answer. If you want to change the word "Show Answer", you can.
First, by clicking the button below, download the code -
How to add Quiz answer button for blogger and WordPress?
NOTE:- You only add the CSS code and JavaScript code once, but you can use the article code as many times as you want in your article.
1. quiz answer button for blogger Site:-
- Javascript Code Placement:-
- Go to the Theme section and click on the Edit HTML option,
- Search </Body> tag,
- Past Body-Code above body tag,
- Save Changes.
- CSS Code Placement:-
- Now Search ]]></b:Skin>,
- Past CSS code above ]]></b:skin> tag,
- Save changes.
- Article Code Placement:-
- First, create a new post,
- Then type your question, Ex.- What is your name?
- Type optional answers line by line, Ex.- (a) Ram, (b) Shyam, (c) Rohim, (d) Smith
- Now change line, take paragraph format from top-bar,
- Type a word that you can easily find in HTML mode. For example - your name, "Stephen".
- Now open the article in HTML mode and find that word, like "Stephen".
- Select from <p> to </p>, i.e. <p> Stephen </p>.
- Remove this line and paste the article code.
- If your answer is "Smith", type "Smith" instead of "Correct Answer" in the code.
- Finally, update your article and visit the article.
2. quiz answer button for a WordPress site:-
- Body Code Placement:-
- Click on the Theme Editor option under the Appearance section,
- Then click on the footer.php option,
- Scroll and past my Body Code before </body> tag,
- Update theme.
- CSS Code Placement:-
- Click on the Customize option under the Appearance section,
- Then open the Additional CSS option,
- Past my CSS code here,
- Update changes.
- Article Code Placement:-
- First, create a new post,
- Then type your question, Ex.- What is your Hobby?
- Type optional answers line by line, Ex.- (a) answer, (b) answer, (c) answer, (d) answer
- Take the "Custom HTML" block by clicking on the "+" icon,
- Now past my ARTICLE CODE,
- Then remove "Correct Answer" and type your answer,
- Update your article and visit the article,
Conclusion
If you like the article, please comment, if there is any problem, please let us know. If you have a content request, let us know in the comments box.
- TAGS:- how to create a quiz in blogger, how to create a quiz in blogger with the show and hide answer button, how to create a quiz website in blogger, how to create a responsive quiz for blogger, how to create a quiz website, create a quiz in blogger, how to create a responsive quiz in blogger, how to create a quiz in WordPress, how to create blogger quiz, create quiz website in blogger, how to create quiz application in blogger, create a quiz in blogger with timer, create blogger quiz in blogger.
