Cara Membuat Tombol Download dan Demo Simple pada Blog
Cara Membuat Tombol Download dan Demi Simple pada Blog | Halo sobat, kembali lagi dengan admin GudangTutorial yang selalu update postingan baru. Pada kesempatan kali ini, admin alan 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:
<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.gudangturorial.com/" target="_blank">Demo</a>
<a class="buttonx" href="https://www.gudangturorial.com/" target="_blank">Download</a>
</div>
Cara Membuat Tombol Download dan Demi Simple pada Blog | Halo sobat, kembali lagi dengan admin GudangTutorial yang selalu update postingan baru. Pada kesempatan kali ini, admin alan 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.gudangturorial.com/" target="_blank">Demo</a>
<a class="buttonx" href="https://www.gudangturorial.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.
EmoticonEmoticon