Mas Uya

Halo semuanya, Di postingan kali ini saya akan share tutorial blog yang berjudul Cara Membuat Tombol Download

Tombol download ini sangat sederhana,Karna tidak membutuhkan banyak css dan html..
Langsung saja kita mulai tutorialnya...

1.Buka Blogger
2.Pilih Template-Edit HTML
3.Cari code ]]></b:skin> , Biar cepat tekan CTRL+F
4.Jika sudah,Copy CSS berikut Tepat dibawah code ]]></b:skin>

<style type='text/css'>
.button{transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; text-align:center; position:relative; vertical-align:top; width:204px; height:32px; padding:0; font-size:12px; color:#fff; font-weight:bold; text-align:center; background:steelblue; border:0; cursor:pointer}
.button:active{top:1px; outline:none}
.button:hover{background:#333}
</style>

5.Jika sudah klik Simpan/Save
6.Untuk menggunakannya salin code berikut jika kalian ingin membuat tombol downloadnya

<div style="text-align:center;">
<a rel="nofollow" href="URL Kalian"><input class="button" type="submit" value="Download"></a>
<a target="_blank" rel="nofollow" href="URL Kalian"><input class="button" type="submit" value="Demo"></a>
</div>

PERHATIAN:
1.Ganti URL Kalian dengan URL Yang Diinginkan
2.Saya Sarankan Jika Ingin Membuattnya,Taro Di Akhir Post Kalian.Ets Inget,Di MODE HTML Bukan Compose

Oke sekian dari saya,Terima Kasih.

Demo