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...
Rhinokage Rio
Rhinokage Rio

Adalah seorang blogger yang suka mempelajari hal-hal yang baru seputar blog, template, SEO dan Bisnis Online. Untuk mempelajari Hal baru, membutuhkan kesabaran dan ketelitian dalam mempelajarinya.

Add Your Comments

  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Out Of Topic