Tombol

Tombol - "Dalam bidang komputer, istilah tombol merujuk kepada setiap elemen kontrol grafis yang memberikan cara mudah kepada pengguna untuk memicu sebuah peristiwa, seperti mencari kueri di mesin pencari atau berinteraksi dengan kotak dialog". sumber: Wikipedia

Beberapa jenis artikel, seperti artikel yang menjelaskan aplikasi, template, dan artikel lainnya, mungkin memerlukan tautan unduhan untuk ditampilkan. Agar tautan unduhan Anda terlihat cantik, Anda perlu membuat tombol unduh/download yang lebih baik untuk menarik pembaca agar mengklik tautan unduhan.

Tombol ini biasanya digunakan untuk membuat tautan untuk melihat demo selain tombol download. Khusus untuk blog yang membahas atau menjual template, sebelum menggunakan template, Anda bisa melihat terlebih dahulu seperti apa tampilan template tersebut saat diterapkan pada blog Anda.

Untuk informasi lebih lanjut tentang tombol yang dimaksud, perhatikan gambar berikut.

Cara Membuat Tombol Download di Blog

Dalam membuat tombol download sebenarnya sangat mudah dan sederhana. Apalagi jika Anda menggunakan template VioMagz-nya yang didesain oleh Mas Sugeng, cukup salin script berikut dan tambahkan ke artikel yang Anda terbitkan.

<a class="buttonDownload" href="URL-DOWNLOAD">Download</a>

Kemudian ikuti langkah – langkah berikut :

• Pertama buka terlebih dahulu artikel yang mau di tambahkan tombol downloadnya 
• Kemudian ubah tampilannya ke mode HTML
• Selanjutnya copy script diatas dan pastekan dimana tempat yang ingin anda buat tombol downloadnya.
• Kemudian jangan lupa untuk merubah yang berwarna merah dengan link url tujuan, dan tulisan yang berwarna kuning merupakan teks yang akan di tampilkan anda bisa merubah sesuai dengan kebutuhan dan keinginan anda.
• Setelah selesai ubah kembali ke mode Compose  kemudian perbarui, dan silahkan lihat hasilnya akan tampil seperti berikut ini :

Kode Tombol Donwload/Demo

Tetapi jika cara ini tidak berhasil dengan baik untuk blog Anda itu karena tidak menggunakan template VioMagz. tidak perlu khawatir. Saya akan menunjukkan cara membuat tombol download lain agar berfungsi dengan baik di blog Anda.

Langkah dan caranya sebenarnya sama dengan yang pertama. Perbedaannya adalah skrip yang Anda tambahkan berbeda. Metode pertama hanya memiliki sedikit teks, sedangkan metode kedua sedikit lebih panjang, seperti ini:

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
<style>
.armaila {
  margin-right:9px;
  padding: 15px 25px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #009688;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #000;
}
/* Darker background on mouse-over */
.armaila:hover {
    background-color: #a5a6a7;
}
.armaila:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
</style>
<br />
<center>
<a href="https://www.armaila.com" target="_blank">
<button class="armaila"><i class="fa fa-eye"></i> Demo</button></a>
<a href="https://www.armaila.com" target="_blank">
<button class="armaila"><i class="fa fa-download"></i> Download</button></a>
</center>

Ikuti langkah – langkah berikut :

• Sama sperti diatas pertama buka terlebih dahulu artikel yang mau di tambahkan tombol downloadnya 
• Kemudian ubah tampilannya ke mode HTML
• Selanjutnya copy scrip diatas dan pastekan dimana tempat yang ingin anda buat tombol downloadnya.
• Kemudian jangan lupa untuk merubah yang berwarna hijau dengan link url tujuan, dan tulisan yang berwarna biru merupakan teks yang akan di tampilkan. kalau anda hanya membutuhkan tombol download saja tinggal hapus script Demonya.
• Setelah selesai ubah kembali ke mode Compose  kemudian perbarui, dan silahkan lihat hasilnya akan tampil seperti berikut ini :

Sumber: onmaibana