Table of Contents
Hi dudes welcome to our Pixabin blog, Download Timer Script-This Post About Download Timer Script for blogger and Wordpress. let's see how to set up a download countdown timer button HTML script on Blogger and WordPress. This Download timer's script is worked on blogger and WordPress Websites. this script gives more benefits to your website.
You can get all kinds of Blogger Guides on our Pixabin Official Blog.
What is a Download timer Script?
Download timer Script- can bring more benefits to your site. This adds additional features to the download file or links on your site, which means that the user can view the download link only after showing a specific amount of time before the link appears on your website.
download Link After viewing, the user can click on it and download the file. I think it will be very useful for the site.
How do Download Countdown Timer works?
This Download timer script is easily created with JavaScript and HTML Script. So it does not affect the performance of your site.
This script is suitable for both WordPress and blogger sites. Initially used only for WordPress. Now it is also used by bloggers. This script adds the Timer function and displays Ad spaces, and the download button to your site.
How to Use Download timer on blogger
This script can be used on both blogger and WordPress. If you want to use this script, follow the simple steps below and use this script on the site.
How to setup download timer Script on the Blogger website step by step
Step 1: First open your Blogger Account.
Step 2: Create a new post
Step 3: Write Your Article Normally
Step 4: Change HTML View on your Post after finishing your article.
Step 5: Next, Copy the Download timer Script on the downloaded file and paste your wanted Place on your Article.
Step 6: Publish Your Post
How to setup download timer Script on WordPress website step by step
Step 1: Open your WordPress Admin Panel
Step 2: Create a new Post
Step 3: Select your wanted place to add a download timer
Step 3: Click the + icon and select the custom HTML
Step 4: Copy the Download timer Script on the download file and paste the script into a custom HTML container.
Step 5: Publish Your Post
<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<span id="countdown">You have to wait 15 seconds.</span>
<div style="text-align: center;"><b>Download Timer</b></div>
<br/>
<a href="https://www.guideflare.com/" id="download_link" style="display: none; padding: 10px 20px; background-color: #007BFF; color: #fff; border: none; cursor: pointer;">Download now</a>
<noscript>JavaScript needs to be enabled in order to be able to download.</noscript>
</center>
</div>
<script type="application/javascript">(function () {
var message = "%d seconds before download link appears";
var count = 15;
var countdown_element = document.getElementById("countdown");
var download_link = document.getElementById("download_link");
var timer = setInterval(function () {
if (count) {
countdown_element.innerHTML = "You have to wait %d seconds.".replace("%d", count);
count--;
} else {
clearInterval(timer);
countdown_element.style.display = "none";
download_link.style.display = "";
}
}, 1000);
})();
</script>
Custom modification
- Remove https://www.guideflare.com/ on the script and Replace your Download Link.
- This Download timer Script is increasable and Decreaseable. If you want to change Download timers Time Just Modify the var count = 15; on this Script.
How to add Download Timer button in Blogger & WordPress - Video Guide
Final Words:
I hope this information is helpful to create your Download Timer Script on blogger. one more thing Please Share This Article And keep support on my Blog. please Follow This blog on youtube, telegram, and Google News.