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