Subscribe Our YouTube Channel Subscribe Now

How To Add Download Timer Button With Ads In Blogger Post

in this article I will tell you about How To Add Download Timer Button With Ads In Blogger Post. Follow all the steps carefully
Friends, if you have a website or blog and inside it you write an article giving links or buttons to download any application, software, video, audio, photo, or any other document, then this article will be very beneficial for you. Because in this article I will tell you a coding, with the help of which your blog/website will earn double (2×) and users will also find it very attractive.

Today I will tell you how you can add a countdown timer to your blog or website article which will be of few seconds and after that download link will be activated automatically. Above and below this download link, your ads will appear on both sides, which will increase your earnings and make the article even more unique.

How To Add Download Timer Button

Step 1: Log in to your Blogger Dashboard.

Step 2: Now Go to Theme >> click on Edit HTML.

Step 3: Search And Find the ]]></b:skin>

Step 4: Paste the following code Just before the ]]></b:skin> tag :

/* Download Timer Button */
.button ul {margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0 0 15px 0;list-style:none;}
.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:1px solid #000;letter-spacing:2px;transition:all .2s ease-out}
.download {background:linear-gradient(115deg, rgba(100,154,249,1) 0%, rgba(0,90,240,1) 82%);}
.download:hover {background:#000;border:2px solid #5795FF;opacity:1;}

Step 6: Go to blog New Post >> Select HTML Edit

Step 7: Copy and paste the below code into the HTML of the article where you want to add Download Button

<div dir="ltr" style="text-align: left;" trbidi="on">
<span id="countdown">You have to wait 30 seconds.</span></center>
<br />
<div style="text-align: center;">
<b>🔽Generating Download Link...🔽</b><br /><br />
<a class="download" href="#" target="_blank" id="download_link" style="display: none;">Download Now</a><br /><br />
<noscript>JavaScript needs to be enabled in order to be able to download.</noscript>
<script type="application/javascript">
var message = "%d seconds before download link appears";
// seconds before download link becomes visible
var count = 30;
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
} else {
// stop timer
// hide countdown = "none";
// show download link = "";
}, 1000);

Replace YOUR ADSENSE CODE with your ad code.

Replace # Paste the URL of the site you want to send here.

Replace 30 to You can set the countdown time according to you.

Stay connected With itsutkarshk And Follow Us On Instagram & Facebook Subscribe Our YouTube Channel

About the Author

Best place to get information and about tech, youtube, facebook, whatsapp, online earning, blogging & SEO, gadgets, sarkari result, sarkari naukari.

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.