Breaking News

Thursday, March 12, 2015

Cara Membuat Tombol Demo dan Download Yang Keren


Assalamualaikum!

Yap! ketemu lagi sama saya... kali ini saya akan share Cara Membuat Tombol Demo dan Download Yang Keren. Kalau tombol Demo atau Downloadnya keren, pengunjung juga pasti tertarik buat ngeklik :D Oke langsung lihat caranya dibawah ini...
DemoDownload
1. Masuk ke Blogger
2. Pilih Template >> Edit HTML
3. Masukan kode dibawah ini tepat 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:#80D0FE!important;background:0}
.buttonx:active{position:relative;top:1px}
4. Simpan Template
Kode HTML nya bisa kalian simpan/tambahkan didalam postingan mode HTML bukan Compose
<div style="text-align: center;margin: 10px 0;">
<a class="buttonx" href="http://mrextreme93.blogspot.com/" target="_blank">Demo</a>
<a class="buttonx" href="http://mrextreme93.blogspot.com/" target="_blank">Download</a>
</div>
Note : Ganti tulisan yang berwarna kuning dengan link/url web yang mau kalian gunakan

No comments:

Post a Comment

Copyright © 2007-2015. Edited By Okepoin. Designed By Blogger Templates