Cara Membuat Tombol Demo Dan Download Di Postingan Blog

Baiklah sobat Blogger, kali ini saya akan membagikan sebuah tutorial tentang cara membuat tombol demo dan download di dalam postingan blog. Material ini biasanya digunakan untuk membuat result demo atau download template dan widget.

Nah, silahkan sobat simak tutorialnya dibawah ;

Cara Membuat Tombol Demo Dan Download Ala Arlina Design

1. Silahkan sobat buka dashboard > template > edit html.

2. Kemudian cari kode ]]></b:skin> untuk mempermudah pencarian silahkan gunakan "ctrl+f".

3. Next step silahkan copy kode CSS dibawah ini dan kemudian pastekan diatas ]]></b:skin> tersebut.

#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);
}

4.  Setelah sobat memasang kode tersebut, silahkan simpan dahulu templatenya.

5. Dan kemudian silahkan buat postingan yang ingin di pasangkan material ini. Kemudian ubah mode compose menjadi html. Dan kemudian pastekan kode berikut ke html tadi.

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

6. Silahkan ubah link result dan download dengan link yang ingin sobat masukan.

7. Terakhir silahkan sobat publikasikan atau pertinjau terlebih dahulu.


Oke, saya rasa cukup disini tutorialnya. Semoga bermanfaat bagi pembacanya, selamat mencoba :)

Advertisement