You are here
Home > Blogging Website > How to create quiz answer button for Blogger and WordPress in article?

How to create quiz answer button for Blogger and WordPress in article?

QnA Collection

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 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:

Correct Answer


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.

quiz answer button for Blogger and WordPress

First, by clicking the button below, download the code -

How to add quiz answer button for blogger and WordPress?

1. quiz answer button for blogger Site:-

  • 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 past my code.
  • If your answer is "Smith", type "Smith" instead of "Correct Answer" in the code.
  • Finally, update your article and visit the article.
READ THIS  10 tips to secure WordPress Website in 2022

2. quiz answer button for a WordPress site:-

  • 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 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.

Top