Download Page

Today We Will Going To How To Create Download Page In Blogger Website. We Will Create With Html.

Varsion: 1.0 - Download Page

First You See a Download Page Demo After We Start:

Demo

What is Download Page

Download Page: Download Page You Can Use For Your Any File Download Link.

Requirement:

Requirements:
1. Blogger Account
2. Blogger Plus Ui Template Website

Download Plus Ui Template

How to create Download Page?

Step 1: Go To Blogger.com

Step 2: Login To Your Account

Step 3: Click To Create Page.

Step 4: Select Compose View To Html View

Step 5: Past This Code:

<svg class="line" style="height: 70px; margin-bottom: 30px; width: 100%;" viewbox="0 0 24 24">xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'&gt;<g transform="translate(3.649800, 2.749900)"><path d="M16.51,5.55 L10.84,0.15 C10.11,0.05 9.29,0 8.39,0 C2.1,0 -1.95399252e-14,2.32 -1.95399252e-14,9.25 C-1.95399252e-14,16.19 2.1,18.5 8.39,18.5 C14.69,18.5 16.79,16.19 16.79,9.25 C16.79,7.83 16.7,6.6 16.51,5.55 Z"></path><path d="M10.2844,0.0827 L10.2844,2.7437 C10.2844,4.6017 11.7904,6.1067 13.6484,6.1067 L16.5994,6.1067"></path><line x1="8.0105" x2="8.0105" y1="13.2673" y2="7.2263"></line><polyline points="5.6648 10.9123 8.0098 13.2673 10.3548 10.9123"></polyline></g></svg><p style="text-align: left;"><b>File Name:</b> Note.html</p><p><b>File Size:</b> 100kb</p><p><b>Support:</b> Website</p><p><b>Create by:</b> Developer Dhaval&nbsp;</p><p></p><blockquote>Varsion: 1.0</blockquote><p></p><p><br /></p><p><b>File Information:&nbsp;</b></p><p>The Note.html is file for your website! You can use on free. Alo use on Plus Ui Template. You can download with this Website.</p><p><b>Warring!</b></p><p>This File Owner Developer Dhaval. You can not copy this script and sell with your website. You can only Use On your website. Without Permission you can't sell this script.</p><p><br /></p><p></p><div class="dldCo" id="download1">

  <div class="dldBx">

    <div class="dldTp">

      <div class="dldIm" data-text=".png" style="background-image: url(Image Url Here);">

        <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">

        </circle></circle></svg>

      </div>

      <div class="dldIn">

        <span data-text="Name">Note.html</span>

        <span data-text="Category">Website</span>

        <span data-text="Size"> 100kb</span>

        <span data-text="Varsion">1.0</span>

      </div>

    </div>

    <button class="dldBt dldDl" onclick="download(&quot;https://developerdhaval.blogspot.com/&quot;, &quot;10&quot;, &quot;false&quot;, &quot;#download1&quot;)"><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"></path></line></polyline></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"></path></polyline></svg></button>

  </div>

  <div class="dldSl">

    <div class="dldMe"></div>

  </div>

</div><p></p>

Change The Highlight Part According To you need!

Step 6: Save The Code

Conclusion

This is all about making a Download Page. I hope you enjoy this article. Please do share this article. And if you have any questions then ask us in comment box.

Developer Dhaval