Hello everyone! Create a Blogger content countdown timer. With this countdown timer, offering codes or downloaded files on your website may lower bounce rates and boost revenue. Websites with countdown clocks before links to downloaded files or code encourage users to wait. We will make a blogger content countdown timer to increase revenue and decrease bounces.
Functions and capabilities of this widget
✔Reduces the percentage of visitors who leave without clicking.
✔Increase the money you make from AdSense.
✔Users are required to wait until the countdown timer reaches zero before they may get download links or codes.
✔Animation of loading SVG files.
✔Once the countdown has reached zero, you will have the opportunity to show any scripts, links, materials, or other content of your choosing.
How can I add a countdown timer to Blogger?
<div style="text-align: center;"><a class="button" id="Count_Time">Show Content</a> </div>
<div style="text-align: center;" id="Stop_Timer" target="_blank">
<!-- Add your content here to show after the timer finish Change Under Link -->
<p>Click the Button Below to Download the File.<p/>
<a class="button" href="https://www.anwarulblog.com/" >Download Now</a>
</div>
<style>
Cnt-Timer{font-size:16px;opacity:.8;display:inline-flex;align-items:center}
Cnt-Timer svg{width:20px; height:20px;}
</style>
<script>/*<![CDATA[*/
var counter = 9; // Add time here in seconds
var id,downloadButton=document.getElementById("Stop_Timer"),newElement=document.createElement("p");function startDownload(){this.style.display="none",id=setInterval(function(){counter--,counter<0?(newElement.parentNode.replaceChild(downloadButton,newElement),clearInterval(id)):newElement.innerHTML="<center><strong>Please wait <span>"+counter.toString()+"</span> seconds</strong><p/><Cnt-Timer><svg viewBox='0 0 40 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'></animateTransform></path></svg> Generating... Please Wait!</Cnt-Timer></center>"},1e3)}newElement.innerHTML="<span></span>",downloadButton.parentNode.replaceChild(newElement,downloadButton);var clickbtn=document.getElementById("Count_Time");clickbtn.onclick=startDownload;
/*]]>*/ </script>
Any Change this Code
Go to https://www.anwarulblog.com/ to alter the course. Replace that URL with your download, reference, or usage link.
This page contains a tutorial that explains how to add a countdown timer to content using Blogger, which you can access by clicking here. You are free to implement this on your website in order to increase revenue, reduce bounce rates, and so on. Because users need to wait until the timer runs out before receiving codes or downloading links, it is ideal to have a lower bounce rate on your website.
If you have any questions or concerns pertaining to the code, please feel free to submit them in the comments or join our discussion group on Telegram.
Reference
// or