Cara Membuat Tombol Download dan Demo

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, langkah-langkahnya sebagai berikut:

1. Langkah pertama silahkan Login ke akun Blogger kamu

2. Langkah Kedua silahkan klik Entri Baru pada menu postingan

3. Langkah ketiga silangkan kamu Klik pada menu HTML yang ada di samping menu Compose

4. Langkah keempat silahkan Copy kode di bawah yang sudah di sediakan 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="BangRizky.com" target="_blank">Lihat Demo</a>

<a class="buttonx" href="BangRizky.com" target="_blank">Download</a><br />

&nbsp;

</div>

Keterangan: Ganti tulisan warna merah BangRizky.com sesuai dengan link yang ingin dimasukkan.

5. Lalu klik menu compose dan sesudah di posting hasilnya akan menjadi seperti ini

Lihat Demo Download

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

Mudah-mudah share kali ini ada manfaatnya kalau tidak ada baiknya mohon jangan diambil. demikianlah postingan tentang Cara Membuat Tombol Download dan Demo yang bisa saya sampaikan semoga bisa menambah pengetahuan anda, mungkin ada tambahan dari kamu sekalian? kalau ada silahkan isi di kolom komentar jangan lupa juga berikan sebuah saran  .

Sumber: rshafly moderator: bangrizkyw

Bagikan Artikel ini