Cara Buat Tombol Demo dan Download

Konbanwa Minna ^-^)..

Ok kali ini saya akan memberikan tutorial lagi yang dah lama ga update yah..
Yosh Tutorial kali ini yaitu "Cara Buat Tombol Demo dan Download"

Langsung saja ke tutor

1. Login Blogger dulu
2. Masuk Template -> Edit HTML
3. Lalu cari kode </style>  atau </b:skin>  (untuk memudahkan pencarian tekan CTRL + F) terapkan kode CSS ini tepat diatas kode </style>  atau </b:skin>

.box {margin-top:20px;}
.download 
{border-radius:20px;padding:10px;margin-top:10px;background:#3985DB;color:#fff;font-weight:700;width:250px;font-family:arial;text-decoration:none;cursor:pointer;transition:all
 .4s; }
.download:hover {background:#5AA5FA}
.demo 
{border-radius:20px;padding:10px;margin-left:5px;margin-top:10px;background:#F0B23E;color:#fff;font-weight:700;width:250px;font-family:arial;text-decoration:none;cursor:pointer;transition:all
 .4s; }
.demo:hover {background:#F7C972}

Lalu simpan template dan buat postingan baru.. Dan masukan kode HTML ini di dalam HTML bukan di Compose

<div class="box">
<center>
<a class="download" href="https://www.facebook.com" >Download</a>
<a class="demo" href="https://www.facebook.com" >Demo</a>
</center>
</div>

Download

Demo

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn