Membuat Tombol Download File Keren Untuk Blog Dan Website

Script tombol download keren untuk blog dan website menggunakan HTML dan CSS. Cara membuat tombol download ini sangat mudah, cukup copy dan paste kan kode dibawah ini ke blog atau websitemu

Style 1

Style 1


<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<style>
.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}
</style>


<p>Style 1</p>
<button class="btn"><i class="fa fa-download"></i> <a style=
"text-decoration:none;color:white" href="linkdownload/images/myw3schoolsimage.jpg">Download</a></button>

Style 2

style 2

<!-- Add icon library -->
<rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<style>
.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}
</style>

<p>style 2</p>
<button class="btn" style="width:100%"><i class="fa fa-download"></i> <a style="
text-decoration:none;color:white"  href="linkdownload/images/myw3schoolsimage.jpg">Download</a></button>

Leave a Comment