Membuat Tombol Demo dan Download Yang Keren

Membuat Tombol Demo dan Download Yang Keren

Rio Ilham Hadi

04 March 2014

Cara Membuat Tombol Demo dan Download Yang Keren - Ya itulah Tutorial yang akan saya berikan kepada sobat semua, Tombol demo dan download yang menurut saya keren, biasanya tombol demo dan download ini sering digunakan untuk, berbagi template, berbagi games, tombol demo dan download ini juga membuat postingan menjadi keren, ok langsung aja lihat demonya dibawah ini...

Demo Download

Keren bukan... :D ayo ikuti tutorial membuat Tombol demo dan download yang keren dibawah ini.

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

Kode HTML nya bisa sobat simpan/tambahkan didalam postingan mode HTML bukan compose

<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="http://blanter-forever.blogspot.com/" target="_blank">Demo</a>
<a class="buttonx" href="http://blanter-forever.blogspot.com/" target="_blank">Download</a>
</div>

Ganti alamat yang saya kasih tanda warna kuning dengan URL/alamat web yang mau sobat gunakan

Begitulah Caranya... Mudah Bukan.... :D

 Source : http://blogkrizeer.blogspot.com/2014/01/cara-membuat-tombol-demo-dan-download-di-blog-krizeer.html

Jangan Lupa Share Yaa...

Share This