Cara Membuat Tombol Donwload 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 Kayak Dibawah Ini gan !!

Oke Deh Gini Caranya Gan
1. masuk ke editor template Agan2. Copas CSS dibawah, paste diatas ]]>

.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); }

2. Save Template Agan2 Semua

3. Masuk Ke Postingan Agan2 Semua dan Sisipkan Kode Berikut 

<"a href='LINK / URL DOWNLOAD' target='_blank' class='button'>Judul Tombol<"/a>

* Hilangkan Tanda Berwarna Biru

* Ganti Kode Yang Berwarna Merah Dengan Link Download Agan

* Ganti Kode Yang Berwarna Orange Dengan Judul TOmbol Agan Misalnya "Download"

Author : Unknown

Share this

Related Posts