Add Download Timer Script for Blogger and WordPress

Hello Guys, welcome to Pinclude. In this article, I will show how to create a Download timer for blogger and WordPress using pure HTML and javascript without any third-party plugins. So let’s set up the download timer countdown button HTML script on your site. This script will work on both Blogger and WordPress sites. It also increases your revenue and has more advantages. So be comfortable and start to read.

Tip: You can find more blogger guides on our official Pinclude blog.

Table of contents

• What is Download Countdown timer Script?
• How does the Download Countdown timer Script work?
• How to use the Download countdown timer on your website?
• How to set up the Download timer script on the Blogger website step by step
• How to set up the Download timer script on the WordPress website step by step
• Generate Download timer countdown script.
• How to customize the download timer script
• Wrapping up.

What is Download Countdown timer Script?

It is a feature that will make viewers stay on your website for a certain amount of time before downloading or getting a link. this gives more advantages to your sites, like SEO ranking and much more. And also increase your revenue while adding some promotional items

How does the Download Countdown timer Script work?

Let’s say, for example, that a visitor wants to download something from your website; they wait for the countdown timer to complete, then they can download the file they want.

This Download timer script is created with 100% pure HTML and JAVASCRIPT languages, so you need not worry about the performance, which means it doesn’t affect your site performance. You can also customize it easily; if you want to know how to customize it, comment below, and I will put a post on customization.

You can use this script on both blogger and WordPress sites. Before, this script was only for WordPress; now, it can also work on blogger. This script adds a countdown timer, ad spaces, and a download button for your website.

How to use the Download countdown timer on your website?

Again, this script is for both blogger and WordPress sites. The step-by-step setup process is explained below for WordPress and blogger separately.

If you want to download the countdown timer script, click on the below download button, or you can also generate the script by clicking the button generate Download timer script below.

Download

How to set up the Download timer script on the Blogger website step by step

Now we’re finally ready to set up the script. I will explain how to set up the download timer script on the blogger website, so follow the below steps carefully to set up the download timer script without any errors.

Step 1: First, open your blogger account or click here to go to blogger. If you don’t have a blogger account, click here to learn how to create a website using a blogger.

Step 2: Click on the create new post button to create a new post.

Step 3: Write the article however you’d like.

Step 4: After writing the article, change it to compose view to HTML view.

Step 5: Now, Copy the download timer script and paste it where you want the countdown timer and the download button to appear.

Step 6: Publish your post

That’s all. You have successfully created the download timer on your blogger site.

How to set up the Download timer script on the WordPress website step by step

Now we will set up the download timer script on the WordPress site. Please follow the steps carefully to avoid errors. If you want to set up in blogger, follow the above steps

Step 1: Log in to the dashboard of your WordPress site. Click here to learn How to create a WordPress website.

Step 2: Create a new post.

Step 3: Select the place where you want to set your download timer.

Step 4: Now, Click on the +icon and select the custom HTML.

Step 5: Copy the download timer script and paste it into the custom HTML container.

Step 6: Now, Publish your post.

That’s all. You have successfully created the download timer on your WordPress site.

Generate Download timer countdown script.

Generate Download Timer Script

<div dir="ltr" style="text-align: left;" trbidi="on"><body><center><span id="countdown">You have to wait 20 seconds.</span></center><br /><div style="text-align: center;"><b>Download Timer</b><br /><a href="https://www.pinclude.com" id="download_link" style="display: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcTGT_jr8fAsuWb2zEbRJnPV2PCOlD5wWCdh2J9W5Cp4Gs-K78khIF71sUYRbt-1ns_PJcEBDgGE2VUuuxIfwXhHIUnUev7qC-Kj98XuJU_yS8PZ8Nj9A38YORwGPaGK0VsSJJvmgNmvKP6HEtDaKFstHaLxjN0H7kcgGzVusvRu1HXyKm4ds10YaqxQ/s400/pinclude.com.png" alt="pinclude.com" /></a><noscript>JavaScript needs to be enabled in order to be able to download.</noscript><script type="application/javascript">(function(){   var message = "%d seconds before download link appears";   // seconds before download link becomes visible   var count = 20;   var countdown_element = document.getElementById("countdown");   var download_link = document.getElementById("download_link");   var timer = setInterval(function(){      // if countdown equals 0, the next condition will evaluate to false and the else-construct will be executed      if (count) {          // display text          countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count);          // decrease counter          count--;      } else {          // stop timer          clearInterval(timer);          // hide countdown          countdown_element.style.display = "none";          // show download link          download_link.style.display = "";      }   }, 1000);})();</script></div></body></div>

How to customize the download timer script

You have to make the below changes before you use this script.

• Take out https://www.pinclude.com/ from the script and replace it with your download link.
• If you want to change how long the download timer waits, just change the var count = 15; in this script to the time you want.

Wrapping up.

We hope this article will help you make your download timer script for your WordPress or Blogger site. Also, remember to share this article and keep supporting us. Leave your suggestions and questions in the comments section.