Cara Membuat Tombol Download dan Demo di Postingan Blog

Cara Membuat Tombol Download dan Demo di Postingan Blog-Kali ini saya akan memberikan bagaimana cara untuk membuat tombol Download dan Demo pada Blog.Kedua tombol ini biasanya berfungsi untuk situs download template.Tombol ini juga berguna untuk mempercantik postingan.Begini caranya.

1.Login ke akun Blogger kamu

2.Pada menu postingan klik Entri Baru

3.Klik pada menu HTML

4.Copy kode berikut dan pastekan ke dalam postingan tadi

<br />
<style>
.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:#f78d1d!important;background:0}
.buttonx:active{position:relative;top:1px}
</style>

<br />
<div style="margin: 10px 0; text-align: center;">
<a class="buttonx" href="RSHAFLY " target="_blank">Demo</a>
<a class="buttonx" href="RSHAFLY " target="_blank">Download</a><br />
&nbsp;
</div>

 Ganti tulisan RSHAFLY sesuai dengan link yang ingin dimasukkan.

5.Lalu klik compose dan hasilnya akan menjadi seperti ini

Demo Download
 

6.Selesai

PENUTUP 
Tombol tersebut dapat berfungsi sebagai tombol Download dan tombol Demo terutama untuk situs yang menyediakan Template Blog.

Share this post