On this page you will get the code by the help of which you can add a download timer to you PLUS UI Blogger Template.
What Is Download Button?
Download timer button is simply a link given to a button clicking on which redirect to the PDF, image or video to which the button is linked.
What Is Countdown Download Timer Button?
There is not much difference between the simple download button and download timer button. ine simple download button user click the button and download starts immediately but in download timer button as the user clicks the button reverse countdown timer start and when when this timer stop then file is automatically download on visitors device so visitors have to wait for the timer to stop.
What are the Benefits of the Download Timer Button?
Download timer button has a good impact on the website because it reduces the bounce rate of website which has a very good impact on the SEO of website or blog. It also increases the earning of website owner because visitors have to wait for longer time on their website watching ads
What is The Black Side of Download Timer Button?
How To Make Download Timer Button?
To add download timer button to your website just copy and paste the below code in any of your post or page where you want that to embed the download button
<div class='dldCo' id='download1'><div class='dldBx'> <div class='dldTp'><div class='dldIm' data-text='.PDF' style='background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMcXzeZ3H7WGfAPIUyrid2jfaKfGSbk8ABaIbZBjw-B-86KLv7nR4B_2XbpT-vEPcjbrB5nWPxsGlyVXv3RubGQvKykJphqM7RKMkEQqHEylVF9VwD75Gy11er0GSNE93wF7Rm9Qmadbi4_3MjXqlFrlkGEQjeCwVF-VNbIyrlZ-2FSXiKtHuk-D7a/s5000/illust58-4787-01.jpg)'><svg class='dldSv' viewBox='0 0 34 34'><circle class='b' cx='17' cy='17' r='15.92' /> <circle class='c dldPg' cx='17' cy='17' r='15.92' /> </svg></div><div class='dldIn'>
<span data-text='NAME'>Pdf name</span>
<span data-text='CATEGORY'>Education</span> <span data-text='SIZE'>3.05MB</span> <span data-text='AUTHOR'>. Vishal Kumar Singh</span>
</div> </div> <button onclick='download("#", "20", "false", "#download1")' class='dldBt dldDl'><svg class='line' viewBox='0 0 24 24'><polyline points='8 17 12 21 16 17'/><line x1='12' x2='12' y1='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg></button> <button class='dldBt dldRt'><svg class='line' viewBox='0 0 24 24'><polyline points='23 4 23 10 17 10'/><path d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/></svg></button> </div> <div class='dldSl'> <div class='dldMe'></div> </div> </div>
just change the part marked with black with the text you want to use You can also change NAME CATEGORY SIZE AUTHOR With the text that you want to use.Most important of all change # with your download link and change 20 the time (in second) for which you want dont download timer to stop.
How the download timer button look like?
To add multiple download timer on same page just change id='download1' and "#download1" with download2 , download3 ......etc but both id and # should have same value.
