Cara Menciptakan Tombol Download Ala Arlina Di Blog

Cara Membuat Tombol Download Ala Arlina Di Blog: Baiklah shobat kali ini aku 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 aku bagikan alasannya yaitu ada temen patner blog ini yang menanyakan cara pembuatanya, bergotong-royong pemasangnya cukup mudah, praktis sekali kalau shobat mau,

Cara Membuat Tombol Download Di Blog

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

CTRL

pada keyboard shobat, Nah kalau 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 kalau sudah silahkan shobat save/simpan tema.

4. Sekarang silahkan shobat buat postingan gres 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 bab pojok kiri atas, dan pastekan isyarat 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 aku beri tanda di atas dengan link tujuan shobat

Terakhir silahkan shobat Publikasikan/Pertinjau eksklusif untuk melihat hasilnya.
Mungkin sampe itu saja selamat mencoba, jangan lupa ninggalin jejak di kolom komentar di bawah ini terimakasi.