Cara Membuat Tombol Demo dan Download Keren di Blogger

Cara Membuat Tombol Demo dan Download

Halo sobat Md, Kali ini saya ingin membagikan tutorial Cara Membuat Tombol Demo dan Download Keren di Blogger, Tombol Demo dan Download umumnya di gunakan pada blog yang membahas atau membagikan sebuah template blogger, bukan hanya itu saja tombol demo dan download juga bisa di gunakan untuk menunjukan hasil karya, desain, widget dan lain sebagainya.

Contoh Tombol :

Demo Download

Jika sobat Md tertarik pada contoh tombol di atas, sobat Md bisa langsung ikuti langkah - langkah nya berikut ini.

Baca Juga :
• Cara Memasang Featured Post Slider Otomatis di Blogger
• Template Blogger Untuk Berita Terbaik - Mirip Kompas.com
• Template VioMagz V.3.3 Terbaru, Jadi Makin Keren

Cara Membuat Tombol Demo dan Download di Blogger

1. Login ke Blogger

2. Pilih menu Tema > Edit HTML

3. Tambahkan kode dibawah ini tepat di atas ]]><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:#f78d1d!important;background:0}
.buttonx:active{position:relative;top:1px}

4. Jika kode di atas sudah di pasang klik Simpan Tema

Untuk Memasang Tombol Demo dan Download nya sobat Md bisa meletakan kode di bawah ini pada postingan yang sobat Md buat dalam mode HTML (bukan Compose) berikut ini kode nya

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

Ganti URL pada kode di atas dengan URL yang ingin sobat Md gunakan.

Jadi itulah tutorial yang bisa saya bagikan tentang Cara Membuat Tombol Demo dan Download Keren di Blogger. Cukup mudah bukan?...

Jika ada pertanyaan seputar artikel / blog ini sobat Md bisa tulis di kolom komentar atau hubungi saya melalui Contact Form Terimakasih.