How to Make Download Box with Countdown Timer for Blogger Website

Step 01: First of all Login to your Blogger Dashboard.

Step 02: On Blogger Dashboard, click Create New Post.

Step 03: Click HTML VIEW Add the following HTML codes in your blog posts through HTML view to add Countdown Download Box.

.HTML

<div class="dldCo" float="center" id="download1"> <div class="dldBx"> <div class="dldTp"> <div class="dldIm" data-text=".png" style="background-image: url(Your Logo Png);"> <svg class="dldSv" viewbox="0 0 34 34"> <circle class="b" cx="17" cy="17" r="15.92"></circle> <circle class="c dldPg" cx="17" cy="17" r="15.92"></circle> </svg> </div> <div class="dldIn"> <span data-text="Name"><b style="color: green;">File Title Name Add</b></span> <span data-text="Version"><b style="color: green;">1.2.8.1</b></span> <span data-text="Category"><b style="color: green;">Category Name Add</b></span> <span data-text="Size"><b style="color: green;">File Size Add</b></span> <span data-text="Extension"><b style="color: green;">Apk</b></span> </div> </div> <button class="dldBt dldDl" onclick="download(&quot;Your Download Link Add&quot;, &quot;10&quot;, &quot;false&quot;, &quot;#download1&quot;)"><svg height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 21l-8-9h6v-12h4v12h6l-8 9zm9-1v2h-18v-2h-2v4h22v-4h-2z"></path></svg></button> <button class="dldBt dldRt"><svg viewbox="0 0 24 24"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path></svg></button> </div> <div class="dldSl"> <div class="dldMe"></div> </div> </div>

You need to change these highlighted texts according to your downloadable file information.