04 March 2014

Membuat Tombol Demo dan Download Yang Keren

Demo dan Download

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...
SUBSCRIBE TO OUR NEWSLETTER

Add Your Comments

bold <b></b>
italic <i></i>
underline <u></u>
HTML <code></code> use Parser

Emoticon
Parser
Out Of Topic
😊
😉
😀
😁
😎
😍
😜
😑
😇
💖
😯
😱
😭
👍
🍻