# \[SOLVED\] Blogger Website download button link

**URL:** <https://onehack.st/t/solved-blogger-website-download-button-link/69962>\
**Category:** Tutorials & Methods\
**Tags:** solved\
**Created:** [February 16, 2020, 12:46pm UTC](https://onehack.st/t/solved-blogger-website-download-button-link/69962 "2020-02-16T12:46:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jatinder](https://onehack.st/user_avatar/onehack.st/jatinder/32/250_2.png) [@jatinder](https://onehack.st/u/jatinder)\
**Post date:** [February 16, 2020, 12:46pm UTC](https://onehack.st/t/solved-blogger-website-download-button-link/69962/1 "2020-02-16T12:46:07Z")

</div>

I need ur help guys. I have a blogger website. I would like Whenever someone opens my post, it should have a download button and when a user clicks on that download button, a timer starts and the hidden download link shows after the timer runs out.  
I have not yet found any solution on the internet and Youtube.  
Many videos about this downloading timer are on YouTube. But the same solution has been told in each video that create a separate page and add it to the download link.

---

<div class="post-metadata">

**Author:** ![Ze380y](https://onehack.st/user_avatar/onehack.st/ze380y/32/48760_2.png) [@Ze380y](https://onehack.st/u/Ze380y)\
**Post date:** [February 16, 2020, 7:20pm UTC](https://onehack.st/t/solved-blogger-website-download-button-link/69962/2 "2020-02-16T19:20:12Z")

</div>

> **[Gyazo Screen Video](https://gyazo.com/2d1cd4a97ee0f23abe9d9c83e594fe98)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.

## See: [http://jsfiddle.net/rATW7/](http://jsfiddle.net/rATW7/)

- It’s backwards-compatible and not so secure, but 10 seconds isn’t much to worry about anyways.

* * *

## You can have on click event of jquery or in pure javascript you can attach function on onclick event.

> **[Gyazo Screen Video](https://gyazo.com/ceefc7ab08f31a4e984eeda9d33e63a3)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.

## See: [http://jsfiddle.net/rATW7/508/](http://jsfiddle.net/rATW7/508/)

```auto
<button id="btn">click</button>

function startDownload(){
  this.style.display = 'none';
  id = setInterval(function () {
    counter--;
    if (counter < 0) {
        newElement.parentNode.replaceChild(downloadButton, newElement);
        clearInterval(id);
    } else {
        newElement.innerHTML = +counter.toString() + " second.";
    }
}, 1000);
};

 var clickbtn= document.getElementById("btn");
 clickbtn.onclick=startDownload;

```

* * *

## How to Add Download Button Timer in WordPress

Adding a countdown timer on a WordPress blog or website is very easy. You need a countdown timer script, that you have to add on the footer section. You can download the countdown timer script from the download button below.

> **[Timer Code.txt](https://drive.google.com/file/d/1wmvqnoNZdOIAVXNX31YgWmhzTOCLyfcx/view)**
>
> Google Drive file.

1. First, download the countdown timer script from the above download button. It will help to add a timer to the download button.

2. Now, Go to the plugins section and add a new plugin named “Shortcodes Ultimate”. It will help to generate this kind of download button above.

3. After that, log in to the cPanel of your blog or site. Click on “File Manager”. Inside “File Manager”, click on “public\_html”.

4. Now, inside “public\_html” you can find “wp\_content”. Click on “wp\_content” and find “themes” folder.

5. Then, click on that theme that is now activated for your blog or site. If you don’t know the theme name then check once. You can check from Appearance –\> Themes.

6. Now, find for the “footer.php” file inside your theme. Click once on the file and click on Edit at the top. Otherwise, you can right-click on the “footer.php” file and click on the Edit button. Again click on the Edit button.

7. After that, now find for \<?php wp\_footer(); ?\> from the script. You can use Ctrl+F to find easily.

8. At last, paste the code that you have downloaded the above download button, under \<?php wp\_footer(); ?\> . Don’t forget to click on the Save Changes button at top right corner.

9. Now, come inside your post or page where you want a download button with a timer. Create a download button using “Shortcodes Ultimate. Add id=”download” in the button shortcode like this. 👇

 ![image](https://onehack.st/uploads/default/original/3X/c/1/c168620a000978f1dd739bfb56ffaa1ed9bb1f28.png)

---

<div class="post-metadata">

**Author:** ![jatinder](https://onehack.st/user_avatar/onehack.st/jatinder/32/250_2.png) [@jatinder](https://onehack.st/u/jatinder)\
**Post date:** [February 17, 2020, 5:50pm UTC](https://onehack.st/t/solved-blogger-website-download-button-link/69962/3 "2020-02-17T17:50:15Z")

</div>

Thank you very much. 👏

---

<div class="post-metadata">

**Author:** ![avtar](https://onehack.st/user_avatar/onehack.st/avtar/32/29095_2.png) [@avtar](https://onehack.st/u/avtar)\
**Post date:** [February 19, 2020, 11:16am UTC](https://onehack.st/t/solved-blogger-website-download-button-link/69962/4 "2020-02-19T11:16:23Z")

</div>

same issue ..