Simple Tombol Download

Halo selamat pagi sobat blogger,Dihari selasa ini saya akan share tutorial Simple Tombol Download.
Ini adalah tombol download yang baru saja saya buat,dan langsung saya share disni.

Itu dia gambar Simple Tombol Download,Dari pada banyak basa basi kita mulai masuk ke tutorialnya yuk.

Tutorial:
1.Buka Blogger Kalian
2.Masuk Ke Template-Edit HTML
3.Cari Code ]]></b:skin> , Lalu copy dan pastekan css berikut tepat dibawah code ]]></b:skin>

<style type='text/css'>
a.btn{display:inline-block; color:#666; background-color:#eee; text-transform:uppercase; letter-spacing:2px; font-size:12px; padding:10px 30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid rgba(0,0,0,0.3); border-bottom-width:3px;text-decoration: none;}
a.btn:hover{background-color:#e3e3e3; border-color:rgba(0,0,0,0.5)}
a.btn:active{background-color:#CCC; border-color:rgba(0,0,0,0.9)}
a.blue{background-color:#1abc9c; border-color:rgba(0,0,0,0.3); text-shadow:0 1px 0 rgba(0,0,0,0.5); color:#FFF}
a.blue:hover{background-color:#16a085; border-color:rgba(0,0,0,0.5)}
a.red{background-color:#3498db; border-color:rgba(0,0,0,0.3); text-shadow:0 1px 0 rgba(0,0,0,0.5); color:#FFF}
a.red:hover{background-color:#2980b9; border-color:rgba(0,0,0,0.5)}
</style>

4.Klik Simpan,Untuk Cara penggunaannya masukkan HTML berikut dipost kalian dalam mode HTML,Bukan Compose

<div style="text-align: center;">
<a href="#" class="btn blue">Demo</a>
<a href="#" class="btn red">Download</a>
</div>

5.Selesai....

# Ganti Dengan Link Kalian

Demo

Itu dia Post Simple Tombol Download dari saya
Semoga Bermanfaat

Share

FacebookGoogle+Twitter Digg