Cara Membuat Tombol Download Ala Arlina Di Blog

Baiklah shobat kali ini saya akan coba membagikan tutorial, Cara Membuat Tombol Download Ala Arlina.
Tombol download ini biasanya di gunakan untuk membungkus link download/demo dan lainya,
Nah tutorial ini saya bagikan karena ada temen patner blog ini yang menanyakan cara pembuatanya, sebenarnya pemasangnya cukup mudah, gampang sekali jika shobat mau,

Cara Membuat Tombol Download Di Blog

1. Silahkan shobat buka Blogger>Tema>Edit Html, lalu silahkan cari kode berikut ]]></b:skin>  Untuk mempercepat pencarian silahkan klik tombol 

CTRL

+

F

pada keyboard shobat, Nah jika sudah ketemu silahkan shoba ganti dengan CSS berikut.

>
#wrap {
margin: 20px auto;
text-align: center;
}.btn {
display: inline-block;
position: relative;
font-weight: 700;
background: #3cc091;
padding: 9px 18px;
margin: 0 3px;
border-radius: 3px;
opacity: 1;
border: 0;
text-transform: uppercase;
transition: all .3s ease-out;
}.btn:hover, .btn:active {
background: #374760;
}
a.btn {
color: rgba(255,255,255,1);
}

Nah jika sudah silahkan shobat save/simpan tema.

4. Sekarang silahkan shobat buat postingan baru atau mungkin shobat sudah menyediakan postingan sebelumnya yang ingin di pasangkan tombol download ini silahkan di edit kembali, pada halaman postingan shobat silahkan pindah dari mode Compose ke mode HTML yang ada pada bagian pojok kiri atas, dan pastekan kode berikut pada area HTML tadi.

<div id="wrap">
<a class="btn" href="Link demo sobat" rel="”nofollow”" target="_blank">Result <i class="fa fa-paper-plane"></i></a></div>
<a class="btn" href="Link demo sobat" rel="”nofollow”" target="_blank">Download <i class="fa fa-download"></i></a>

Silahkan shobat ganti text yang sudah saya beri tanda di atas dengan link tujuan shobat

Terakhir silahkan shobat Publikasikan/Pertinjau langsung untuk melihat hasilnya.
Mungkin sampe itu saja selamat mencoba, 

Tweet