Dsini Saya Akan Membahas tentang Membuat Tombol CLICK keren Menggunakan CSS karena Eh karena Sebelum Sebelum sebelum nya, kebanyakan orang m...
Dsini Saya Akan Membahas tentang Membuat Tombol CLICK keren Menggunakan CSS
karena Eh karena Sebelum Sebelum sebelum nya, kebanyakan orang memakai Tombol click menggunakan Gambar, Tapi Jika Saya Menganjurkan Lebih Mudah Memakai Ini / tidak repot.
Karena Hanya Sekali kerja Sudah Bisa Menyelesaikan Hampir Semua Jenis Tombol. misalnya [ingin menjadi ombol download / demo / click here/ atau semacam nya lah
jadi terserah saudara pakai yang mana deh yang lebih senang. kan tergantung pengguna juga.
Agan - agan pasti sudah pernah membuat link berupa About Me Sperti yang dibawah Ini atau file file yang udah di upload kan?. Nah saya sekarang mau berbagi cara membuat tombol download lebih keren dan enak dilihat :D
karena Eh karena Sebelum Sebelum sebelum nya, kebanyakan orang memakai Tombol click menggunakan Gambar, Tapi Jika Saya Menganjurkan Lebih Mudah Memakai Ini / tidak repot.
Karena Hanya Sekali kerja Sudah Bisa Menyelesaikan Hampir Semua Jenis Tombol. misalnya [ingin menjadi ombol download / demo / click here/ atau semacam nya lah
jadi terserah saudara pakai yang mana deh yang lebih senang. kan tergantung pengguna juga.
Agan - agan pasti sudah pernah membuat link berupa About Me Sperti yang dibawah Ini 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:
- Letakan Kode Dibawah Pada HTML Add Gadget atau Postingan Anda
<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
Terima Kasih Telah Berkunjung dan VISIT blog Nih.
