Download the Script for Timer in Blogger | Working 2021

Waiting-timer for an amount for a specified time for downloading something from your blog can be a good thing. It will help in increasing the blog's session timing, audience retention, or engagement performance. It will also help to optimize the bounce rate for your blog or website. It is noticed that 10-15 seconds of time would be the perfect time to optimize between bounce rate and session time.

Read: DeepNude App Really Shuts Down? | 2021

No matter what reason you are looking for the script, you can copy this CSS/HTML code and just simply embed it in your blog post in HTML edit mode. This code is too light and very much compatible with the AdSense network. This code in the background loads fast and the same works in every free or premium template on blogger or WordPress.

Before clicking on the Download button please go through these points.

Key points:

1. The timer set in this script is 15 seconds. To change that in accordance with your need set the value for var = xx. This timer will be for xx seconds.
2. This is a 1-second interval timer.
3. To change the font-size: 100%, you can reduce or increase the percentage from anywhere 70% to 120% as per your blog/website's font.
4. You can add or remove the 'Adsense Code Here' part from the script.

Procedure: 

For embedding this script into your blogger.

Step 1: Create a new post and open the post editor in Compose view.

Step 2: Write your regular post in Compose mode. Once that is completed, switch to HTML view.

Step 3: Go to the end of your post and paste our code.

Step 4: There are 2 places where you have to paste the 'Download' link. Refer to this below snippet.

// Start the download.

window.location.href = "Your URL goes here, inside double-quote";

return;

}

<br />

<span style="font-size: 100%;"><a href=""Your URL goes here, inside double-quote">Click Here To Get The Download Link If Not Redirected.</a></span></div>

</div>

Step 5: If your blog is AdSense approved then insert the AdSense Code in this place. If you do not have AdSense, you can remove this part.

//AdSense Code Here

Step 6: Change this 'var count' according to your need.

 var count = 10; // Number of remaining seconds.

Step 6: Keep this value as same as 'var count'

 id="displaySeconds">10</span></b> Seconds.</span><br /> 

Step 7: Publish your post.

Download the Code Here

Script -3 : Blogger Quiz Code script for Free | % Calculation | June 2021 | 100% Working

 If you are planning to make a quiz test on your blogger website, you have come to the right place. 

This post will give you a ready-made script that you just need to copy and paste into your blogger website.

You read it right! Just copy and paste!

No hidden script!

No modification is needed!

Compatible with Free Templates!

It is FREE !!

More Quiz Scripts are here!!

The quiz is too interactive and animated. It will calculate your quiz score as well.

The quiz format would be like this.

For the Correct Answer:

For the Wrong Answer:

Quiz Score:

Hope you liked this script! If you would like to get more scripts like this, please stay tuned to our website.

Download the code from here. 

Check out a few other Quiz formats.

Script -1: Blogger Quiz Code script for Free | Show/Hide Feature | June 2021 | 100% Working

Script -2 : Blogger Quiz Code script for Free | Show/Hide Feature | June 2021 | 100% Working

Are you looking for a blogger script to create a Quiz on your blog website?

You may have found many scripts on the internet but they are not compatible with your free themes? 

Do not worry about that. we got you covered.

No Coding Required! No Hidden Script! Just Copy Copy-Paste!

Pure Lightweight HTML code! No JAVA No PHP!

No Clickbait! Suitable for All Free and Premium Themes!

No need to modify a bit except for the quiz question and answers!

Advantages of this script : 

1. Show/Hide feature in Quiz - blogger free script
2. No coding skill required
3. Compatible with all free(or premium) blogger themes available
4. Script has no hidden tags or JAVA/JSON/PHP scripts 
5. Just copy and paste the code

Without wasting much time, let us jump into business.

Step 1: Log in to your blogger.com domain and create a 'new post'

Step 2: Go to HTML view

Step 3: Copy the code given in the last of this post and paste the same in your blog post.

Step 4: Type your questions and answers in the respective places.

The quiz will be in this format:

1. What does the word RAM stand for?

A) Random Acess Memory
B) Randomly Access Memory
C) Random Alternate Memory
D) Random Access Memory

... Answer is D)
RAM stands for "Random Access Memory"

2. What is called the Brain of the Computer?

A) CPU
B) Address BUS
C) ROM
D) RAM

... Answer is A)
CPU is the brain of the computer.

3. Who is president of India(2021)

A) APJ Abdul Kalam
B) Ramnath Konvid
C) Pratibha Patil
D) Manmohan Singh

... Answer is B)
Ramnath Konvid is the President of India(2021).

So on...

You can copy this code from here.

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="question"> 1. What does the word RAM stand for? </div> <ul class="answers"> <input id="q1a" name="q1" type="radio" value="a" /> <label> A) Random Acess Memory </label> <br /> <input id="q1b" name="q1" type="radio" value="b" /> <label> B) Randomly Access Memory </label> <br /> <input id="q1c" name="q1" type="radio" value="c" /> <label> C) Random Alternate Memory </label> <br /> <input id="q1d" name="q1" type="radio" value="d" /> <label> D) Random Access Memory </label> <br /> </ul> <style> #q1more {display: none;} </style> <span id="q1dots">...</span> <span id="q1more"> Answer is D) <br /> RAM stands for "Random Access Memory"</span><br /> <button id="q1mybtn" onclick="q1function()">Show Answer </button> <script> function q1function() { var q1dots = document.getElementById("q1dots"); var q1moreText = document.getElementById("q1more"); var q1btnText = document.getElementById("q1mybtn"); if (q1dots.style.display === "none") { q1dots.style.display = "inline"; q1btnText.innerHTML = "Show Answer"; q1moreText.style.display = "none"; } else { q1dots.style.display = "none"; q1btnText.innerHTML = "Hide Answer"; q1moreText.style.display = "inline"; } } </script> <br /> <div class="question"> 2. What is called the Brain of the Computer? </div> <ul class="answers"> <input id="q2a" name="q2" type="radio" value="a" /> <label> A) CPU </label> <br /> <input id="q2b" name="q2" type="radio" value="b" /> <label> B) Address BUS </label> <br /> <input id="q2c" name="q2" type="radio" value="c" /> <label> C) ROM </label> <br /> <input id="q2d" name="q2" type="radio" value="d" /> <label> D) RAM </label> <br /> </ul> <style> #q2more {display: none;} </style> <span id="q2dots">...</span> <span id="q2more"> Answer is A) <br /> CPU is the brain of the computer.</span><br /> <button id="q2mybtn" onclick="q2function()">Show Answer </button> <script> function q2function() { var q2dots = document.getElementById("q2dots"); var q2moreText = document.getElementById("q2more"); var q2btnText = document.getElementById("q2mybtn"); if (q2dots.style.display === "none") { q2dots.style.display = "inline"; q2btnText.innerHTML = "Show Answer"; q2moreText.style.display = "none"; } else { q2dots.style.display = "none"; q2btnText.innerHTML = "Hide Answer"; q2moreText.style.display = "inline"; } } </script> <br /> <div class="question"> 3. Who is president of India(2021) </div> <ul class="answers"> <input id="q3a" name="q3" type="radio" value="a" /> <label> A) APJ Abdul Kalam </label> <br /> <input id="q3b" name="q3" type="radio" value="b" /> <label> B) Ramnath Konvid </label> <br /> <input id="q3c" name="q3" type="radio" value="c" /> <label> C) Pratibha Patil </label> <br /> <input id="q3d" name="q3" type="radio" value="d" /> <label> D) Manmohan Singh </label> <br /> </ul> <style> #q3more {display: none;} </style> <span id="q3dots">...</span> <span id="q3more"> Answer is B) <br /> Ramnath Konvid is the President of India(2021).</span><br /> <button id="q3mybtn" onclick="q3function()"> Show Answer </button> <script> function q3function() { var q3dots = document.getElementById("q3dots"); var q3moreText = document.getElementById("q3more"); var q3btnText = document.getElementById("q3mybtn"); if (q3dots.style.display === "none") { q3dots.style.display = "inline"; q3btnText.innerHTML = "Show Answer"; q3moreText.style.display = "none"; } else { q3dots.style.display = "none"; q3btnText.innerHTML = "Hide Answer"; q3moreText.style.display = "inline"; } } </script> </div>

Copy the Code Button in Blogger | 100% Free Script | June 2021 | Working

This article will show you how to easily embed the 'Copy' button in your Blogspot website. You might write some article or code snippet in your blog, and you want the reader to copy some of that using a simple copy button without much effort.

Advantages of this script :

1. No coding skill required
2. Compatible with all free(or premium) blogger themes available
3. Pure HTML code, the script has no hidden tags or JAVA/JSON scripts
4. Just copy and paste the code in your blog post

The interesting fact about this blog post is, this post itself used this same script. 

So let us directly jump into business!

Step 1: Log into your blogger.com control panel, create a new post and go to HTML view.

Step2: Copy this code given at the end of this post. Now there are two ways you can copy it.

a) You can drag your mouse over the code section, right click and copy the code(no need to modify anything)
b)  Click on the 'Copy the Code' button(for this case you need to slightly modify the code before pasting it in your blog post)

For Step2: (a)

1. Copy below code , starting from <textarea to <br />
2. Whatever code or text you want readers to copy-paste that in place of {----This code/text will be inside copy box----}

<textarea cols="100" id="htmlText" readonly="" rows="20" style="background-color: #1b1b1b; color: white; height: auto; overflow: auto; resize: none; width: 100%;">

{----This code/text will be inside copy box----}

</textarea>

<button id="htmlBtn" onclick="copyhtml()" style="background-color: #4caf50; border: none; color: white; cursor: pointer; display: inline-block; font-size: 16px; margin: 4px 2px; padding: 10px 30px; text-align: center; text-decoration: none;">Copy the Code</button>

<script>

function copyhtml() {

const text = document.querySelector("#htmlText");

const btnText = document.querySelector("#htmlBtn");

text.select();

document.execCommand("copy");

btnText.textContent = "Code Copied Successfully";

setTimeout(function(){

btnText.textContent = "Copy the Code";

}, 5000);

}

</script>

<br /><br />

For Step2: (b)

1. Click on the 'Copy the Code' button
2. Once the code is copied into the clipboard, paste that to any HTML editor, say, Notepad ++ or blogger HTML view itself.
3. Now find first <//textarea and replace that with <textarea that means just remove those two // symbols.
4. Find second <//textarea and replace that with </textarea that means remove one / symbol
5. Find <//button and replace that with <button that means just remove those two // symbols.
6. Now find first <//script and replace that with <script that means just remove those two // symbols.
7. Find second <//script and replace that with </script that means remove one / symbol
8. Finally find <br //><br //> and replace that with <br /><br /> that means remove one / symbol from each angular bracket< >

<//textarea cols="100" id="htmlText" readonly="" rows="20" style="background-color: #1b1b1b; color: white; height: auto; overflow: auto; resize: none; width: 100%;"> {----This is what you want to copy----} <//textarea> <//button id="htmlBtn" onclick="copyhtml()" style="background-color: #4caf50; border: none; color: white; cursor: pointer; display: inline-block; font-size: 16px; margin: 4px 2px; padding: 10px 30px; text-align: center; text-decoration: none;">Copy the Code</button> <//script> <!-- function copyhtml() { const text = document.querySelector("#htmlText"); const btnText = document.querySelector("#htmlBtn"); text.select(); document.execCommand("copy"); btnText.textContent = "Code Copied Successfully"; setTimeout(function(){ btnText.textContent = "Copy the Code"; }, 5000); } --> <//script> <br //><br //>

You should follow only one method, i.e. either Step2: (a) or Step2: (b). Do not follow both the steps. 

Please comment if you are still facing any issue using this script on your blogger.com website, we will help you resolve that.

Script -1 : Blogger Quiz Code script for Free | Show/Hide Feature | June 2021 | 100% Working

Want to create a quiz on your blogger website? Looking for a script that will be suitable for your blogger website? If you are looking for a Quiz blogger template, then you have come to the right place!

We will give you complete HTML code for making MCQ Question/Answers, Different kinds of Quizzes with the 'Hide Answer' Facility. There is no hidden script, no clickbait, nothing. It is suitable for all sorts of free or premium themes. 

No need to modify a bit except for the quiz question and answers!

Advantages of this script : 

1. No coding skill required
2. Compatible with all free(or premium) blogger themes available
3. Script has no hidden tags or JAVA/JSON scrips 
4. Need to copy and paste the code

Without wasting much time, let us jump into business.

Step 1: Log in to your blogger.com domain and create a 'new post'

Step 2: Go to HTML view

Step 3: Copy the code given in the last of this post and paste the same in your blog post.

Step 4: Type your questions and answers in the respective places

Now, take note that you can see the quiz in this format when you paste this code into your blog.

1. Type Question

A) Type 1st option
B) Type 2nd option
C) Type 3rd option
D) Type 4th option

ANSWER= (A) Type answer
Explanation/Answer:-
 

Step 5: In the HTML, locate these phrases and replace them with your question and answers.

<p>1. Type Question</p> <ul class="answers"> <input id="q1a" name="q1" type="radio" value="a" /> <label> A) Type 1st option </label> <br /> <input id="q1b" name="q1" type="radio" value="b" /> <label> B) Type 2nd option </label> <br /> <input id="q1c" name="q1" type="radio" value="c" /> <label> C) Type 3rd option </label> <br /> <input id="q1d" name="q1" type="radio" value="d" /> <label> D) Type 4th option </label> <br /> </ul> <style> #q1more {display: none;} </style> <span id="q1dots"></span> <span id="q1more"> ANSWER= (A) This is the Answer <br/> Explanation/Answer:- Explanation to answer </span> <br /> <button id="q1mybtn" onclick="q1function()">Show Answer </button> <script> function q1function() { var q1dots = document.getElementById("q1dots"); var q1moreText = document.getElementById("q1more"); var q1btnText = document.getElementById("q1mybtn"); if (q1dots.style.display === "none") { q1dots.style.display = "inline"; q1btnText.innerHTML = "Check Answer"; q1moreText.style.display = "none"; } else { q1dots.style.display = "none"; q1btnText.innerHTML = "Hide Answer"; q1moreText.style.display = "inline"; } } </script>