Cara Membuat Tombol Download dan Demo Simple pada Blog

Cara Membuat Tombol Download dan Demo Simple pada Blog


Cara Membuat Tombol Download dan Demi Simple pada Blog | Halo sobat, kembali lagi dengan admin ~Laraku~ yang selalu update postingan baru. Pada kesempatan kali ini, admin akan membagikan cara untuk membuat tombol Download dan Demo pada postingan blog.

Tombol ini sangat berfungsi untuk sobat yang memiliki blog download. Tidak hanya mempermudah pengunjung mendownload, tombol ini juga membuat tampilanebih elegan dan keren banget. So, sobat harus memasang tombol ini. Sobat bisa lihat caranya di bawah.

Cara Membuat Tombol Download dan Demo pada Postingan Blog:

1. Langsung masukkan CSS dan HTML ketika ingin posting artikel
2. Masuk mode HTML pada postingan
3. Copy kode dibawah ini sesuai posisi tombol yang ingin anda tampilkan

<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>
<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="https://www.laraku.com/" target="_blank">Demo</a>
<a class="buttonx" href="https://www.laraku.com/" target="_blank">Download</a>
</div>

4. Ganti url dan nama yang kalian mau dan Publish !!

Hasilnya jadi gini sob:


Keren kan Sob?Keren kan Sob?

Nah, cukup segini aja ya sob tentang Cara Buat Tombol Download dan Demo pada Blog. Jangan lupa tinggalkan komentar dan share postingan ini. Semoga bermanfaat.

0 Response to "Cara Membuat Tombol Download dan Demo Simple pada Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel