Cara Membuat Tombol Demo dan Download Yang Keren

Assalamualaikum!

Yap! ketemu lagi sama saya... kali ini saya akan share Cara Membuat Tombol Demo dan Download Yang Keren. Kalau tombol Demo atau Downloadnya keren, pengunjung juga pasti tertarik buat ngeklik :D Oke langsung lihat caranya dibawah ini...DemoDownload1. Masuk ke Blogger2. Pilih Template >> Edit HTML3. Masukan kode dibawah ini tepat diatas ]]></b:skin>

/* Button Demo dan Download
----------------------------------------------- */
.buttonx{display:inline-flex;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#FFF!important;border:2px solid #FFF!important;background-color:#0070b0!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important}
.buttonx:hover{background-color:#80D0FE!important;background:0}
.buttonx:active{position:relative;top:1px}

4. Simpan Template

Kode HTML nya bisa kalian simpan/tambahkan didalam postingan mode HTML bukan Compose

<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="http://mrextreme93.blogspot.com/" target="_blank">Demo</a>
<a class="buttonx" href="http://mrextreme93.blogspot.com/" target="_blank">Download</a>
</div>

Note : Ganti tulisan yang berwarna kuning dengan link/url web yang mau kalian gunakan