If you provide a link to a downloading file on your website, then I will tell you in this article how you can install a Download Timer, that too with Popup Ads.
You must have seen on many websites that when an image or software has to be downloaded, a popup ad opens and a timer of a few seconds is placed under the same ad. When the time is over, the link to download the file is received.
So if you also want to put a similar Popup Ad on your Blogger website, then follow the steps given below and add this Popup Ad Script With Timer to your Blogger website. So let's start -
Step by Step Add Popup Ad Script in Blogger
Step 1: First of all you have to add this CSS Code in your Blogger theme -
Before making any changes, download the backup of your theme, so that in case of any mistake, you can upload your theme again.
- First of all you have to copy the code given below.
- Now you have to go to the Theme section of your Blogger.
- Now you have to Edit Html and find </body>
- Paste the copied complete code above this tag.
- Now save the theme.
<b:if cond='data:view.isPost'>
<script>
//<![CDATA[
var downloadButton = document.getElementById("button-download"); var counter = 20; var newElement = document.createElement("span"); newElement.innerHTML = "Please Wait 20 sec"; var id; downloadButton.parentNode.replaceChild(newElement, downloadButton); function startDownload() { this.style.display = 'none'; id = setInterval(function () { counter--; if (counter < 0) { newElement.parentNode.replaceChild(downloadButton, newElement); clearInterval(id); } else { newElement.innerHTML = "Please Wait" + " " + counter.toString() + " " + " sec.... "; } }, 1000); }; var clickbtn = document.getElementById("get-download"); clickbtn.onclick = startDownload;
//]]>
</script>
</b:if>