.paste it under the head tag
<!-- Add MCQ Questions & Answers START-->
<style> .acc { background-color: #00b300; color: #ffffff; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: center; outline: none; font-size: 15px; transition: 0.4s; } .active, .acc:hover { background-color: #ffa31a; } .pnl { padding: 0 18px; display: none; background-color: white; overflow: hidden; } </style>
<!-- Add MCQ Questions & Answers ENDs-->
<!-- Show me in NCERT & Notes Button js START-->
<script type='text/javascript'> //<![CDATA[ function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) } loadCSS("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"); //]]> </script> <noscript> <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css' rel='stylesheet'/> </noscript>
<!-- Show me in NCERT & Notes Button css Ends-->
<!-- Show me in NCERT & Notes Button css STARTs-->
<style> <!-- /* CSS Show me in NCERT & Notes Buttons */ .bie-slide,.bie-slide2{position:relative;display:inline-block;height:40px;width:170px;line-height:40px;padding:0;border-radius:50px;background:#fdfdfd;border:2px solid #f84f4f;margin:10px;transition:all 0.5s ease-in-out} .bie-slide2{border:2px solid #36D7B7} .bie-slide:hover{background-color:#f84f4f} .bie-slide2:hover{background-color:#36D7B7} .bie-slide:hover span.circle,.bie-slide2:hover span.circle2{left:100%;margin-left:-45px;background-color:#fdfdfd;color:#f84f4f} .bie-slide2:hover span.circle2{color:#36D7B7} .bie-slide:hover span.title,.bie-slide2:hover span.title2{left:40px;opacity:0} .bie-slide:hover span.title-hover,.bie-slide2:hover span.title-hover2{opacity:1;left:28px} .bie-slide span.circle,.bie-slide2 span.circle2{display:block;background-color:#f84f4f;color:#fff;position:absolute;float:left;margin:5px;line-height:30px;height:30px;width:30px;top:0;left:0;transition:.5s;border-radius:50%} .bie-slide2 span.circle2{background-color:#36D7B7} .bie-slide span.title,.bie-slide span.title-hover,.bie-slide2 span.title2,.bie-slide2 span.title-hover2{position:absolute;left:65px;text-align:center;margin:0 auto;font-size:16px;font-weight:bold;color:#f84f4f;transition:.5s} .bie-slide2 span.title2,.bie-slide2 span.title-hover2{color:#36D7B7} .bie-slide span.title-hover,.bie-slide2 span.title-hover2{left:80px;opacity:0} .bie-slide span.title-hover,.bie-slide2 span.title-hover2{color:#fff} -->
</style>
<!-- Show me in NCERT & Notes Button css ENDs-->
<!-- FAQ schema START-->
<style>summary { font-size: 19px; font-weight: 600; background-color: #F1F1F1; color: #333; isolation: isolate; padding: 1rem; margin-bottom: 1rem; box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6; border-radius: 0.25rem; text-align: left; cursor: pointer; position: relative; } details > summary::after { position: absolute; content: "+"; right: 20px; } details[open] > summary::after { position: absolute; content: "-"; right: 20px; } details > summary::-webkit-details-marker { display: none; } details[open] summary ~ * { animation: sweep .5s ease-in-out; isolation: isolate; margin-bottom: 1rem; background-color: #EEEEEE; padding: 1rem; } @keyframes sweep { 0% {opacity: 0; margin-top: -10px} 100% {opacity: 1; margin-top: 0px} } </style>
<!-- FAQ schema ENDs-->
.add Above <b:tag> tag
<!-- Add MCQ Questions & Answers STARTs-->
<script type='text/javascript'> //<![CDATA[ var acc = document.getElementsByClassName("acc"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var pnl = this.nextElementSibling; if (pnl.style.display === "block") { pnl.style.display = "none"; } else { pnl.style.display = "block"; } }); } //]]> </script>
<!-- Add MCQ Questions & Answers ENDs-->
.Save the theme
.Create post & add below codes
<h1 style="text-align: left;">Question:</h1><div><br /></div> <!--Add MCQ Questions & Answers Starts--> <button class="acc">Show Answer</button> <div class="pnl"> <p>Answer is:</p> </div> <!--Add MCQ Questions & Answers ENDs--> <!-- Show me in NCERT & Notes Button css STARTs--> <div id="wrap" style="text-align:center"> <a class="bie-slide2" href="#" rel="nofollow" target="_blank"> <span class="circle2"><i class="fa fa-download"></i></span> <span class="title2">Download</span> <span class="title-hover2">Click here</span> </a> </div> <!-- Show me in NCERT & Notes Button css ENDs--> <!-- FAQ schema START--> <details> <summary>What is the FAQ page?</summary> <div> <p>A FAQ page, short for Frequently Asked Questions, is a space on an ecommerce store where important information about a business is shared to clarify questions and uncertainties on the part of shoppers. </p> </div> </details> <details> <summary>What does FAQ mean?</summary> <div> <p>frequently asked question, frequently asked questions —used to refer to a list of answers to typical questions that users of a Web site might ask. </p> </div> </details> <details> <summary>What is schema in HTML?</summary> <div> <p>Schema.org (often called Schema) is a semantic vocabulary of tags (or microdata) that you can add to your HTML to improve the way search engines read and represent your page in SERPs.</p> </div> </details> <!-- FAQ schema ENDs-->
