Mas Uya

Malam Sobat.Saya Mau Share Artikel Yang Berjudul Membuat Tombol Demo Dan Download Di Blog
Bagi kalian yang mau membuat tombol download dan demo yang keren diblog,Bisa coba tutor dari saya ini
Tombol demo dan download ini berbeda dengan tombol download dan demo yang lain.Ya iseng-iseng share pengetahuan saya
Buat kalian yang gak sabar,simak cara berikut ini

1.Login Ke Blog
2.Buka template-Edit html
3.Jika sudah,Cari kode ]]></b:skin>
4.Jika sudah,copy code berikut tepat dibawah code ]]></b:skin> tadi

<style type='text/css'>
.button{position:relative; width:auto; font-weight:normal; font-family:&quot;Open Sans&quot;; line-height:normal; color:#fff!important; text-align:center; text-shadow:0 -1px 0 rgba(0,0,0,.2); border-radius:5px; padding:8px 18px; cursor:pointer; display:inline-block; margin:10px 8px 10px 0; opacity:0.85; transition:opacity 0.5s ease}
.button.download{background-color:#e74c3c; box-shadow:0 4px #c0392b}
.button.demo{background-color:#9b59b6; box-shadow:0 4px #8e44ad}
.button.demo:before, 
.button.download:before{font-family:&quot;FontAwesome&quot;; font-weight:normal; font-style:normal; vertical-align:middle; margin:0 8px 0 -6px; font-size:16px; color:#fff; text-shadow:0 1px 0 rgba(255,255,255,.1)}
.button.download:before{content:&quot;\f0ed&quot;}
.button.demo:before{content:&quot;\f06e&quot;}
.button.download:hover, 
.button.demo:hover{opacity:1; transition:opacity 0.5s ease}
.button.download:active{opacity:1; box-shadow:0 -2px #c0392b; padding:6px 18px 12px!important}
.button.demo:active{opacity:1; box-shadow:0 -2px #8e44ad; padding:6px 18px 12px!important}
</style>

5.Jika sudah,klik simpan
6.Untuk Menaruh di postingan silahkan taruh code berikut di HTML bukan di Compose

<div style="text-align: center;">
<a href="http://mas-uya.blogspot.com/" class="button download">Download</a>
<a href="http://mas-uya.blogspot.com/" class="button demo">Demo</a>
</div>

Demo