Membuat Tombol Download Lebih Keren

Bismillah. Alhamdulillah. Underground404 - Membuat Tombol Download Lebih Keren. Agan - agan pasti sudah pernah membuat link berupa link download mp3 atau file file yang udah di upload kan?. Nah saya sekarang mau berbagi cara membuat tombol download lebih keren dan enak dilihat :D

Oke, cara membuat linknya:
<a href='LINK / URL DOWNLOAD' target='_blank' class='button'>Judul Tombol</a>

Sisipin deh CSSnya, masuk ke editor template kalian. Copas CSS dibawah, paste diatas ]]><b:skin> :

.button {
 background-color:rgb(0,165,240);
 border:1px solid rgba(0,0,0,0.2);
 border-radius:4px 4px 4px 4px;
 padding:10px 15px;
 margin:10px;
 box-shadow:0 0 0 1px rgba(255,255,255,0.4) inset,0px 1px rgb(255,255,255);
 color:rgb(255,255,255);
 display:inline-block;
 font:bold normal 16px Arial,Helvetica,sans-serif;
 text-shadow:0 -1px rgba(0,0,0,0.2);
 cursor:pointer;
}
.button:hover {
 box-shadow:0 0 0 1px rgba(255,255,255,0.4) inset,0 1px #FFF,0 0 0 30px rgba(255,255,255,0.21) inset;
 -webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.4) inset,0 1px #FFF,0 0 0 30px rgba(255,255,255,0.21) inset;
 -moz-box-shadow:0 0 0 1px rgba(255,255,255,0.4) inset,0 1px #FFF,0 0 0 30px rgba(255,255,255,0.21) inset;
 background-color:rgba(0,165,240,.9);
}
.button:active,.button:focus {
 -moz-box-shadow:0 0 0 1px rgba(255,255,255,0.21) inset,0 1px #fff,0px 0 10px rgba(0,0,0,0.21) inset;
 -webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.21) inset,0 1px #fff,0px 0 10px rgba(0,0,0,0.21) inset;
 box-shadow:0 0 0 1px rgba(255,255,255,0.21) inset,0 1px #fff,0px 0 10px rgba(0,0,0,0.21) inset;
 background-color:rgba(0,165,240,.9);
}

Silahkan dipakai bila berkenan, hehe. Semoga Membuat Tombol Download Lebih Keren beranfaat dan berguna. Alhamdulillah.