Membuat Tombol Download dan Demo Simple


Hai semua..,,..,,..
Hari ini aku ngeShare Tentang Tutorial cara membuat tombol simple Download dan Demo...
Contohnya di atas.. hehe...
langsung saja ke Tutorialnya

~ Login ke BLOGGER
~ Dashboard > Template > Edit HTML
~ Cari Kode ]]></b:skin>  menggunakan Ctrl + F
~ Copy kode di bawah dan Pastekan di bawah kode ]]></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:#E63A87; 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:#080008; border-color:rgba(0,0,0,0.5)}
a.red{background-color:#78848f; 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:#eb2f58; border-color:rgba(0,0,0,0.5)}
</style>

 ~ Klik Simpan, lalu untuk menggunakannya Masukkan Kode berikut di Salahsatu Post yang ingin di beri tombol, Tetapi, 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>
NB: Tanda"#" di ganti dengan Link yang ingin di tuju

-SELESAI-

Semoga bermanfaat ya ^^

0 komentar:

Posting Komentar