Cara Membuat Tombol Demo dan Download Keren

Cara Membuat Tombol Demo dan Download Keren - Hallo sobat, apa kabar hari ini? tentunya baik bukan? pasti dong haha. Pastikan para blogger mau membuat tombol demo dan download keren bukan? terutama blogger yang share template, Cara Membuat Tombol Demo dan Download ini sangat gampang, simple dan cepat.

Cara ini membuat tombol demo dan download yang keren bukan hanya dengan gambar, tetapi cara yang saya bagikan ini adalah membuat nya demo dan download dengan CSS. dengan membuat CSS lebih gampang dan tidak ada pengaruh dengan loading blog, jadi santai saja memasang ini tetap kenceng kok kecepatan loading blog anda, seperti apa demonya? lihat dibawah ya.

Cara Membuat Tombol Demo dan Download Keren
Pertama, carilah code ]]>< lalu letakkan code di bawah ini tepat diatas code ]]><

/* Button Blog Demo & Download zetroblog.com */
.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}

Kedua, letakkan kode dibawah di postingan anda.

<div style="margin: 10px 0; text-align: center;">
<a class="buttonx" href="http://zetroblog.com/" target="_blank">Demo</a>
<a class="buttonx" href="http://zetroblog.com/" target="_blank">Download</a>
</div> 
 
Kalau sudah coba di pratinjau apakah sudah bisa, jikalau tidak bisa masukkan code pertama itu ke atas </style> Demikian tutorial Cara Membuat Tombol Demo dan Download Keren dari saya, terima kasih