Cara Membuat Tombol Download Keren di Blog

 

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

<style>

.onmaibana {

  margin-right:9px;

  padding: 15px 25px;

  font-size: 24px;

  text-align: center;

  cursor: pointer;

  outline: none;

  color: #fff;

  background-color: #009688;

  border: none;

  border-radius: 15px;

  box-shadow: 0 9px #000;

}

/* Darker background on mouse-over */

.onmaibana:hover {

    background-color: #a5a6a7;

}

.onmaibana:active {

  background-color: #3e8e41;

  box-shadow: 0 5px #666;

  transform: translateY(4px);

}

</style>

<br />

<center>

<a href="https://www.onmaibana.com" target="_blank">

<button class="onmaibana"><i class="fa fa-eye"></i> Demo</button></a>

<a href="https://www.onmaibana.com" target="_blank">

<button class="onmaibana"><i class="fa fa-download"></i> Download</button></a>

</center>