Membuat Tombol Demo dan Download Blogger

Advertisement 970x90

Membuat Tombol Demo dan Download Blogger

Gunawan
September 15, 2018

Membuat Tombol Demo dan Download Blogger - Kali ini saya akan membagikan tutorial cara membuat tombol demo dan download yang biasanya tombol demo dan download ini sering digunakan untuk berbagi template, berbagi games. Tombol demo dan download ini juga membuat postingan menjadi keren.

Langkah-langkah Membuat Tombol Demo dan Download Blogger

1. Masuk ke Blogger
2. Pilih Dashboard > Template > Edit HTML
3. Kemudian tambahkan kode dibawah ini diatas ]]></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. Simpan Template
<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="https://www.solusimenarik.com/" target="_blank">Demo</a>
<a class="buttonx" href="https://www.solusimenarik.com/" target="_blank">Download</a>
</div>
Ganti alamat yang saya kasih tanda warna Merah dengan URL atau alamat WEB sobat.

Demikianlah tutorial saya kali ini tentang Membuat Tombol Demo dan Download Blogger. Mudah-mudahan bisa bermanfaat. Happy Blogging!