Popup Download Button With Ad and Timer for WordPress and Blogger

I have seen many websites, which have popup download timer tutorials. But most of the code has some kind of problem. Sometimes the ad doesn’t show properly. But the download timer that I am going to give you today will definitely work properly.

If you have a Blogger site or WordPress, this code will work correctly for both. But there are separate processes for the two sites, two processes you will apply very carefully. Let’s show the process step by step –

Benifits of this Popup Download Timer Button

• This download timer has three benefits –
  1. Popup Window:- When a visitor clicks on the download button, a new popup window will open. As a result, the main page will remain open and views will increase.
  2. Ad:- You can show ad in popup windows, the result of which you don’t have to tell. That is to say, you will increase your income with the download button.
  3. Timer:- With the timer you can force the visitor to keep the website open. As a result site views will increase and ad impressions will increase.

How to Add Popup Download Button in Website?

I will show separately for Blogger and WordPress sites, follow the one you need. But first you need to download a file, the link of which is given below. You will find three codes in the file, JavaScript, CSS and HTML code respectively.

Here’s a glimpse of where to add these three codes –

• Add Popup Download Timer to Blogger

1. JAVASCRIPT PLACEMENT:-
   • Click on the Edit HTML option under the Theme section,
   • Search </body> and past javascript code before </body> tag,
   • Save Changes.
2. CSS CODE PLACEMENT:-
   • Now search ]]></b:skin> tag, past CSS code before ]]></b:skin> code,
   • Save Changes.
3. HTML CODE PLACEMENT:-
   • Go to the article you want to add Download Button to.
   • Now open the article in HTML mode, and add the HTML code where you need.
   • Update article.

• Add Popup Download Timer to WordPress

1. JAVASCRIPT PLACEMENT:-
   • Click on the Theme File Editor option under the Appearance section,
   • You will see footer.php on the right side, click on it,
   • Search </body> and past javascript code before </body> tag,
   • Save Changes.
2. CSS CODE PLACEMENT:-
   • Click on the Customize option under Appearance section,
   • Then click on the Additional CSS option,
   • Past CSS Code here,
   • Save Changes.
3. HTML CODE PLACEMENT:-
   • Go to the article you want to add Download Button to.
   • Select Custom HTML Code block, and add the HTML code .
   • Update article.

• Add Download Link and Ad Code

• Add your link instead of the “Your Download Link” text in the HTML code.
• Now you create an ad unit (recommended: display-square ad). Then copy this ad code, adding your ad code instead of “#####Your Ad Code#####” text in the HTML code.
• Update article.

• Very Easy Process to add this Code in WordPress

Adding this large code repeatedly to articles is a bit of a hassle, but there is an easier way for WordPress. Click the Settings option of that block where you added this HTML code. You can find “Add Reusable Block” option, click here. Now name “Download Timer” and save the block.

Then when you add this button to an article, click on the “add block(+)” option to get that block. Select the block and just replace the Download link and add the new Download link.