Membuat Tombol Download Lebih Keren

Sabtu, September 07, 2013

Mand4rt | Selamat Siang Sob Udah Lama Lagi Nggak Update Karna Lagi Sibuk Sekolah Hehe Oke Kali Ini Saya Akan Berbagi Tombol Download Keren Yang Saya Dapat Dari Blog Underground 404 Untuk Menghemat Waktu Langsung saja ke TKP.

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

Semoga Bermanfaat!!!

DEMO

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.